Conversor de SVG para PNG

Esta ferramenta transforma um gráfico vetorial SVG em uma imagem PNG rasterizada. Solte um arquivo SVG ou cole o código, escolha uma escala (ou digite uma largura personalizada) e baixe o PNG.

Como a ferramenta calcula o tamanho certo?

Ela lê os atributos de largura e altura do próprio SVG, quando os dois vêm em valores absolutos como 120px ou 48. Se algum deles estiver ausente ou vier em porcentagem, a ferramenta recorre ao atributo viewBox, deduzindo a dimensão que falta pela proporção do desenho quando só um dos lados é aproveitável. Se o arquivo não tiver nada disso, ela usa 300x150, o mesmo padrão que os navegadores aplicam a uma tag <img> sem tamanho definido. A partir daí, escolher uma escala de 1x, 2x ou 4x multiplica esse tamanho base, ou você pode digitar uma largura personalizada e a altura acompanha a mesma proporção automaticamente.

O SVG é enviado para algum lugar?

Não, tudo acontece no seu dispositivo. O navegador desenha o SVG em um elemento canvas oculto e lê os pixels de volta para montar o PNG, então o arquivo nunca é enviado a um servidor. Isso também significa que o SVG é tratado puramente como imagem: qualquer tag <script> ou manipulador de evento embutido nele não é executado, já que renderizar num canvas não roda o documento da mesma forma que inseri-lo numa página faria.

O que pode dar errado com um SVG malformado?

O conversor precisa de um código que ao menos contenha uma tag de abertura <svg> reconhecível; texto que não se parece nada com SVG é rejeitado antes de qualquer tentativa de desenho. Fora isso, a renderização fica por conta do próprio motor de SVG do navegador, então a maioria dos SVGs bem formados (incluindo grupos aninhados, gradientes e fontes ou imagens embutidas) renderiza igual ao que aconteceria se você abrisse o arquivo diretamente. Um XML de fato quebrado, diferente de uma largura ou altura ausente, ainda vai falhar ao renderizar, já que o navegador nem consegue interpretá-lo como documento.

Quando usar essa ferramenta?

Use para transformar um logotipo ou ícone em PNG para algum lugar que não aceita SVG, como um CMS antigo, uma assinatura de e-mail ou um motor de jogos. Também dá para exportar o mesmo ícone em 1x, 2x e 4x para diferentes densidades de tela, o que ajuda com ícones de aplicativo ou favicons que precisam de vários tamanhos fixos de PNG. Para entender melhor os dois formatos de imagem e quando usar cada um, veja o guia de formatos de imagem da MDN.