Conversor SVG para PNG: Rasterize Gráficos Vetoriais em Qualquer Tamanho

Última atualização: June 28, 2026

SVG e PNG são tipos de imagem fundamentalmente diferentes. SVG é um formato vetorial — ele armazena formas como matemática, então ele escala para qualquer tamanho sem perder nitidez. PNG é um formato raster — ele armazena uma grade fixa de pixels, então tem uma resolução nativa e fica embaçado quando ampliado. Converter SVG para PNG significa escolher o tamanho do pixel, porque depois de ser rasterizado, a escalabilidade se perde. Este guia cobre como escolher a resolução correta, quando você realmente precisa converter e como exportar PNGs nítidos a partir de SVGs.

Resposta rápida: como converter SVG para PNG?

Abra o SVG em um conversor ou ferramenta de design, defina as dimensões de pixel alvo (levando em conta retina, se necessário — exporte no tamanho 2x do display) e exporte como PNG. Escolha um tamanho grande o suficiente para todos os lugares onde o PNG será usado, porque você não pode aumentar um PNG depois sem perda de qualidade. Use o SVG to PNG converter para exportações rápidas de itens únicos ou uma ferramenta de design para trabalho em lote. Mantenha o SVG original, pois ele permanece a fonte escalável se você precisar de um tamanho diferente.

Qual é a diferença entre SVG e PNG?

A distinção vetorial versus raster explica tudo sobre por que e quando converter.

• SVG permanece nítido em qualquer resolução — um logo é nítido em 16px e 1600px a partir de um único arquivo.
• PNG está travado em suas dimensões de pixel — exportá-lo muito pequeno e ele não pode ser ampliado de forma limpa.
• SVG não consegue representar fotografias; PNG pode, razão pela qual fotos nunca são SVGs.

Quando devo converter SVG para PNG?

SVG é o formato melhor quando o ambiente suporta, então a conversão é um recurso secundário para casos em que o SVG não funciona. Converta quando for obrigatório, mantenha o SVG caso contrário.

• Ambiente não suportado — alguns clientes de email e ferramentas mais antigas não renderizam SVG.
• Requisito raster incorporado — um sistema que aceita apenas PNG ou JPG.
• Conteúdo fotográfico misturado — embora nesse caso a fonte não deveria ser SVG.
• Cache e desempenho — um PNG pré-renderizado pode ser mais rápido de servir do que analisar o SVG em cada carregamento.

Para websites, SVG é geralmente preferível porque permanece nítido em telas retina e baixa pouco. O retina display guide explica por que os gráficos vetoriais eliminam completamente o problema da resolução para logos e ícones.

Como escolher a resolução correta?

A decisão de resolução é permanente, então ela importa. Exporte o PNG no maior tamanho em que ele será exibido, multiplicado pela taxa de pixels do dispositivo para nitidez retina.

• Se o PNG será usado em vários tamanhos, exporte no maior e deixe o CSS dimensioná-lo para baixo.
• Para nitidez retina, exporte em 2x (ou 3x para celulares) as dimensões de exibição.
• Exportar muito pequeno é o erro comum e irrecuperável.

A matemática é simples: decida a largura máxima de exibição, dobre por causa do retina e exporte nessa largura de pixel. O retina display guide cobre o fluxo de trabalho 2x e 3x em detalhes.

Como converter SVG para PNG?

Vários métodos funcionam, dependendo do volume e das necessidades de controle.

1. Conversor online — faça upload do SVG, defina as dimensões, baixe o PNG. Rápido para itens únicos.
2. Ferramenta de design (Figma, Illustrator, Inkscape) — abra o SVG, exporte no tamanho escolhido. Melhor controle.
3. Linha de comando (rsvg-convert, ImageMagick) — programável para processamento em lote.
4. Navegador — abra o SVG, tire um screenshot no tamanho alvo.

Para trabalho em lote, a linha de comando vence porque aplica configurações idênticas a cada arquivo. Para um logo importante único, uma ferramenta de design oferece o maior controle sobre as opções de exportação.

Conversão em lote para conjuntos de ícones

Converter uma pasta de ícones SVG para PNG é comum ao lançar um aplicativo ou um sistema de design — você precisa de cada ícone em vários tamanhos, e fazer isso manualmente não escala. A abordagem em lote aplica as mesmas configurações de exportação a todos os arquivos do conjunto.

1. Organize os SVGs em uma pasta, nomeada consistentemente.
2. Decida os tamanhos de exportação (ex: 16, 32, 64 para um conjunto de ícones).
3. Execute um rasterizador em lote que exporta cada SVG em cada tamanho.
4. Verifique alguns resultados quanto à nitidez e transparência.

A vantagem do rasterização em lote é a consistência — cada ícone exporta com exatamente as mesmas configurações, então o conjunto parece uniforme. O batch processing guide cobre o fluxo de trabalho mais amplo para aplicar operações em pastas de imagens, e uma vez rasterizados, os PNGs podem ser compressed juntos para minimizar seu tamanho servido.

Erros comuns de conversão

• Exportar muito pequeno — o PNG não pode ser ampliado depois. Exporte em 2x do tamanho de exibição.
• Perder o SVG original — sempre mantenha; ele é a fonte escalável para tamanhos futuros.
• Converter quando o SVG funcionaria — muitos ambientes modernos suportam SVG diretamente.
• Esquecer a transparência — PNG suporta alpha; certifique-se de que a exportação preserve isso, se necessário.
• Misturar vetorial e raster — se a fonte tiver fotos incorporadas, o resultado é um híbrido que perde as vantagens do SVG.

Quando manter o SVG em vez disso

O padrão mais forte é manter o SVG e converter apenas quando for forçado. O SVG serve um único arquivo que é nítido em todas as telas, baixa pouco e permanece editável. PNG faz sentido quando o ambiente rejeita SVG, quando você precisa de um raster fixo para um requisito do sistema ou quando o desempenho exige um arquivo pré-renderizado que o navegador possa cachear sem analisar.

Converter por conveniência em vez de necessidade apenas joga fora a escalabilidade que fez do SVG a escolha certa em primeiro lugar. Para as especificações técnicas, o W3C SVG standard define o que o SVG pode expressar, e o PNG specification documenta o formato raster para o qual ele é convertido. Combine o formato com a restrição — e quando nenhuma restrição força PNG, deixe o SVG fazer seu trabalho.

Perguntas frequentes

Qual é a diferença entre SVG e PNG?

SVG é um formato vetorial (formas descritas matematicamente, independente de resolução); PNG é raster (uma grade de pixels). SVG escala sem perder nitidez; PNG é fixo em suas dimensões de pixel. Converta SVG para PNG quando você precisar de uma imagem raster fixa.

Quando devo converter SVG para PNG?

Quando um alvo não suporta SVG (alguns clientes de email, software mais antigo), quando você precisa de um raster de tamanho fixo ou quando o SVG tem efeitos complexos que renderizam de forma inconsistente. Para a web, sirva SVG diretamente onde for suportado.

Como escolho a resolução correta?

Combine o tamanho de exibição em 1x ou 2x (para retina). Como o SVG é independente de resolução, você o rasteriza no tamanho de pixel que precisar — renderize em 2x do tamanho de exibição para nitidez em telas retina.

Posso converter SVG para PNG em lote?

Sim — ImageMagick (magick mogrify), rsvg-convert ou um navegador headless lidam com pastas de SVGs. Para conjuntos de ícones, um script renderiza cada SVG em todos os tamanhos que você precisa em uma única passagem. Veja o SVG to PNG guide.

O SVG suporta transparência?

Sim — SVG é vetorial e suporta transparência nativamente, então um SVG com áreas transparentes rasteriza para um PNG transparente. Este é um dos motivos pelos quais o SVG é adequado para logos e ícones. JPEG não preservaria a transparência.

Converter SVG para PNG perde qualidade?

Não — você rasteriza o vetor em qualquer resolução que escolher, então o PNG é tão nítido quanto o tamanho no qual renderizou. A perda de qualidade viria apenas de renderizar em uma resolução muito baixa. Renderize em 2x do tamanho de exibição para nitidez em telas retina, e o PNG será indistinguível de um raster nativo nesse tamanho.

Posso converter SVG para PNG em qualquer tamanho?

Sim — porque SVG é vetorial e independente de resolução, você o rasteriza em qualquer tamanho de pixel que precisar, desde um ícone de 16px até um banner de 4000px, sem perda de qualidade. Essa é a principal vantagem sobre os formatos raster. Renderize em 2x do tamanho de exibição para nitidez em telas retina. O próprio SVG nunca perde nitidez; apenas o PNG rasterizado fica fixo no seu tamanho de exportação.