Converter SVG para PNG
Seus arquivos são convertidos no seu aparelho. Eles nunca são enviados.
ou solte aqui, ou cole com Ctrl+V / ⌘V
.svg
- Os arquivos ficam no seu aparelho
- Em lote + ZIP
- Sem cadastro, sem limites
Este conversor roda no seu navegador e precisa de JavaScript. Ative-o para converter; os passos abaixo explicam tudo.
Configurações
Renderize logos e ícones vetoriais como PNGs nítidos na escala que você precisa, com fundo transparente.
O SVG é um desenho descrito em código, nítido em qualquer tamanho, mas muitos lugares não aceitam: foto de perfil em redes sociais, slides, assinatura de e-mail, lojas de apps, marketplaces e muitos campos de upload de CMS pedem PNG. Esta página desenha cada SVG no navegador e salva como PNG com o fundo transparente intacto. Escolha 2× ou 4× para telas de alta densidade e impressão; os vetores são renderizados nesse tamanho, então as bordas ficam nítidas em vez de ampliadas.
Como converter SVG para PNG
- Arraste os arquivos .svg: logos, ícones, diagramas ou ilustrações.
- Escolha a escala: 1× usa a largura e a altura do próprio SVG, 2× dobra para ficar nítido em telas modernas, 4× é para impressão ou slides grandes.
- Converta e salve os PNGs, ou baixe todos num ZIP.
O que acontece com a qualidade, o tamanho e os metadados
A renderização acontece uma vez, já no tamanho final em pixels, então não há desfoque de ampliação: um ícone de 64 px em 4× vira um PNG limpo de 256 px. O PNG não tem perdas, então cada borda suavizada e cada área transparente fica guardada exatamente.
O resultado depende do tamanho que o SVG declara; se ele só tiver viewBox, usamos o viewBox. O tamanho do arquivo cresce com a escala, cerca de quatro vezes a cada vez que você dobra. Texto em fonte da web só sai certo se a fonte estiver embutida no SVG ou convertida em contornos (paths).
- Arquivos de teste
- 30
- Entrada média
- 1 KB
- Saída média
- 54 KB
- Variação de tamanho
- 50× maior
- Tempo por arquivo
- 6 ms
SVG ou PNG
| Nome completo | SVG | PNG |
|---|---|---|
| Nome completo | Scalable Vector Graphics | Portable Network Graphics |
| Lançamento | 2001 | 1996 |
| Definido por | W3C · SVG 1.1 / SVG 2 | W3C · ISO/IEC 15948 |
| Compressão | Sem perdas | Sem perdas |
| Transparência | Sim | Sim |
| Animação | Sim | Sim |
| Tamanho máximo | — | 2,147,483,647 × 2,147,483,647 px |
| Chrome / Edge | Sim | Sim |
| Safari | Sim | Sim |
| Firefox | Sim | Sim |
| Windows | — | Sim |
| iPhone / iPad | — | Sim |
| Android | — | Sim |
| Uso típico | Logotipos, ícones, gráficos e ilustrações em sites. | Capturas de tela, logotipos, ícones, diagramas e qualquer imagem que precise de fundo transparente. |
SVG SVG é um formato do W3C que descreve um desenho como formas, caminhos e texto em XML, e não como pixels. Fica nítido em qualquer tamanho e muitas vezes é minúsculo, mas não guarda fotos de forma eficiente, e muitos apps e formulários só aceitam imagens de pixels, como PNG.
PNG PNG é um formato de imagem sem perdas publicado pelo W3C em 1996 e depois como ISO/IEC 15948. Cada pixel é mantido exatamente, e ele aceita transparência total, o que o torna ideal para capturas de tela, logotipos e texto. Fotos salvas em PNG costumam ficar várias vezes maiores que em JPG.
Fontes desta tabela
- www.w3.org/TR/SVG11/
- www.w3.org/TR/SVG2/
- caniuse.com/svg
- www.w3.org/TR/png-3/
- www.iso.org/standard/29581.html
- caniuse.com/apng
- developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types
- developer.android.com/media/platform/supported-formats
Dados de suporte dos navegadores: caniuse.com, CC BY 4.0.
Sem este site
Qualquer navegador exibe um SVG: abra numa aba e tire uma captura de tela. Serve para um caso rápido, mas dá resolução de tela e normalmente fundo branco. Editores vetoriais gratuitos como o Inkscape exportam PNG em qualquer tamanho pela janela de exportação. No Mac, apertar Espaço sobre um SVG no Finder abre a Visualização Rápida, útil para conferir o arquivo antes de converter. Para lotes com transparência, esta página é o caminho mais rápido.
Solução de problemas
- O texto sai em outra fonte. Fontes da web que o SVG carrega por URL não são usadas aqui, e fontes instaladas no seu computador não estão no dos outros. Converta o texto em contornos no seu editor.
- Faltam imagens dentro do SVG. Imagens externas vinculadas não são carregadas, por segurança. Incorpore-as no SVG (como dados) antes de converter.
- O PNG saiu minúsculo. O SVG declara largura e altura pequenas. Escolha 4× ou edite os atributos width e height.
- Animações. Animação CSS ou SMIL é ignorada; você recebe o estado inicial do SVG.
Perguntas e respostas
Como converter SVG para PNG com fundo transparente?
Arraste o SVG para cá e converta: o fundo continua transparente automaticamente, porque o PNG aceita transparência e não adicionamos preenchimento. Se o próprio SVG tiver um retângulo branco como fundo, esse retângulo faz parte do desenho e vai aparecer; remova-o antes num editor vetorial.
De que tamanho vai sair o PNG?
Em 1×, o PNG tem a largura e a altura escritas no SVG (ou as do viewBox, se não houver). 2× dobra as duas, 4× quadruplica. Um logo de 300 × 100 vira 1200 × 400 em 4×. Use o tamanho máximo se o resultado precisar caber numa caixa, como 512 px para um ícone de app; ele só reduz, nunca amplia.
Por que o meu SVG fica diferente em PNG?
Quase sempre por causa de fontes ou arquivos vinculados. O SVG é desenhado num modo isolado que não busca fontes nem imagens externas, então o texto pode cair numa fonte padrão e as imagens vinculadas ficam em branco. Converta o texto em contornos e incorpore as imagens no editor, depois converta de novo.
É seguro converter arquivos SVG on-line?
Aqui o SVG nunca sai do seu aparelho: quem desenha é o seu próprio navegador, e nada é enviado. Também renderizamos o arquivo como imagem em vez de inseri-lo na página, então scripts dentro de um SVG não rodam. Isso importa para logos e desenhos de clientes que ainda não foram publicados.