Como SVGs são vetores, podemos renderizá-los em alta qualidade. No entanto, uma vez convertido para PNG, fica baseado em pixels e parecerá borrado se ampliado além da resolução renderizada. Use dimensões de saída suficientemente grandes para o seu uso.

Posso definir a resolução alvo?

Atualmente, a ferramenta renderiza com base nas dimensões intrínsecas definidas no arquivo SVG. Para controlar o tamanho de saída, edite os atributos de largura e altura no SVG antes de converter.

Qual resolução devo usar ao converter SVG para PNG?

Depende do uso. Para web, 1x ou 2x a resolução de exibição pretendida é suficiente. Para impressão, use pelo menos 300 DPI — para um ícone de 2 cm a 300 DPI, você precisaria de aproximadamente 236 px. Como SVGs são escaláveis, você pode exportar em qualquer resolução sem perda de qualidade.

Por que meu SVG exportado parece diferente de como aparece no navegador?

Isso geralmente acontece quando o SVG usa fontes externas, recursos externos (imagens vinculadas) ou JavaScript. A conversão SVG para PNG renderiza o SVG como uma imagem estática, então fontes e recursos externos podem não ser resolvidos. Para resultados mais consistentes, incorpore fontes e imagens diretamente no SVG.

O que fazer se o SVG usar fontes ou recursos externos?

Se o SVG referenciar fontes externas (como Google Fonts) ou imagens vinculadas, esses recursos podem não ser carregados durante a conversão no navegador. Para resultados consistentes, incorpore fontes (como Base64) e imagens diretamente no SVG antes de converter para PNG.

Posso converter um SVG com fontes incorporadas para PNG sem substituição de fonte?

Sim, com uma ressalva. Se o SVG referencia fontes do sistema ou do Google por nome, o navegador renderizará essas fontes durante a conversão usando as fontes instaladas no seu dispositivo. Isso significa que a saída parece correta na sua máquina. No entanto, se o SVG for aberto em uma máquina sem essas fontes, o resultado da conversão pode ser diferente. Para garantir renderização de fonte consistente em todos os dispositivos, incorpore a fonte como um @font-face codificado em base64 no arquivo SVG antes de converter, ou converta o texto em caminhos delineados no seu editor vetorial primeiro.

SVG para PNG — Converter Vetores para Raster

Sobre Conversor de SVG para PNG

O conversor SVG para PNG exporta gráficos vetoriais SVG como imagens raster PNG em qualquer resolução diretamente no navegador. Personalize as dimensões de saída e preserve a transparência do fundo para compatibilidade com plataformas que não suportam SVG.

Como converter SVG para PNG

Clique em "Selecionar SVG" ou arraste e solte o arquivo .svg na ferramenta.
Insira a largura e altura de saída desejadas em pixels.
Escolha manter o fundo transparente ou definir uma cor de fundo sólida.
Clique em "Converter e Baixar" para salvar o arquivo PNG.

Quando usar o conversor SVG para PNG

Exportar ícones SVG como PNGs para plataformas que não suportam SVG (email, Word, PowerPoint).
Gerar versões de alta resolução de logotipos SVG para impressão ou merchandising.
Criar favicons PNG a partir de arquivos SVG para compatibilidade com navegadores antigos.
Converter ilustrações vetoriais em imagens raster para upload em plataformas de e-commerce.

Detalhes técnicos

A conversão usa um elemento Image HTML5 para renderizar o SVG, em seguida desenha no Canvas para exportação em PNG. Dimensões personalizadas são aplicadas antes da renderização, permitindo exportações de qualquer resolução a partir de qualquer SVG. O processamento acontece inteiramente no navegador.

Processamento local

Nossas ferramentas locais de arquivos, texto e gráficos processam conteúdo no seu dispositivo com JavaScript, APIs do navegador e WebAssembly quando necessário. Nossos eventos não incluem nomes ou conteúdo de arquivos, texto digitado, valores dos gráficos, erros brutos, emails ou referências de licença. Ferramentas de rede (DNS, WHOIS, IP e testes de velocidade) acessam serviços externos para suas funções. Carregar o site, fontes, bibliotecas e modelos também gera solicitações de rede. WebAssembly por si só não impede acesso à rede.