Como converter SVG para PNG
- 1
Clique em Escolher arquivos ou arraste um ou mais arquivos .svg para o quadro.
- 2
Escolha a Escala: 1× usa o tamanho definido no SVG, 2× dobra esse tamanho (o padrão, nítido em telas de alta densidade) e 4× gera uma imagem grande, pronta para impressão.
- 3
Clique em Converter e baixe cada PNG ou todos com Baixar tudo (ZIP).
Por que converter SVG para PNG?
O SVG é um formato vetorial: ele descreve as formas matematicamente, por isso fica nítido em qualquer tamanho e é ideal para logotipos, ícones e ilustrações na web. Só que muitos lugares não o aceitam: redes sociais, assinaturas de e-mail, documentos do Office, apps de mensagem, algumas gráficas e marketplaces. O PNG é a alternativa universal que mantém as duas coisas que importam em gráficos: bordas nítidas e transparência.
Escolhendo a escala
Como um SVG não tem tamanho fixo em pixels, você decide a resolução na hora de exportar:
| Escala | Exemplo (SVG definido com 200 × 100) | Uso |
|---|---|---|
| 1× | 200 × 100 px | Tamanho exato, arquivos pequenos |
| 2× | 400 × 200 px | Sites e apps em telas de alta densidade (Retina) |
| 4× | 800 × 400 px | Apresentações, impressão, telas grandes |
Cada pixel do PNG é desenhado a partir dos vetores, então uma exportação em 4× é realmente mais nítida do que ampliar depois um PNG gerado em 1×.
Para um resultado idêntico ao original
SVGs exportados do Illustrator, Figma, Inkscape ou de bibliotecas de ícones costumam converter perfeitamente. Quando algo fica diferente, quase sempre é um destes casos:
- Fontes não incorporadas: converta o texto em curvas no programa de design antes de exportar.
- Imagens vinculadas: incorpore as imagens no SVG em vez de vinculá-las por URL.
- CSS da página web: um ícone copiado de um site pode depender da folha de estilo do site para ter cor; defina o preenchimento (fill) direto no SVG.
Problemas comuns
- O PNG saiu em branco ou incompleto. O SVG pode depender de arquivos externos ou de estilos de uma página web. Incorpore tudo no SVG e tente de novo.
- O PNG ficou menor do que o esperado. O SVG define um tamanho pequeno; escolha a escala 4× ou defina dimensões maiores no seu programa de design.
Ferramentas relacionadas
- Vai criar o ícone de um site? O PNG para ICO gera um favicon com vários tamanhos direto de um SVG ou PNG.
- Precisa de um JPG com fundo branco? Converta o PNG com PNG para JPG.
- O PNG ficou pesado para a web? O PNG para WebP mantém a transparência com uma fração do tamanho.
Tudo é renderizado localmente pelo navegador, então logotipos ainda não lançados e artes de clientes não saem do seu computador.