Conversor de SVG para PNG

Como funciona a conversão

Um SVG é um conjunto de instruções de desenho, não uma grade de pixels. Para gerar um PNG, a ferramenta entrega o código ao decodificador de imagens do navegador, que faz o layout e pinta em um canvas do tamanho escolhido, e então codifica esse canvas como PNG — tudo localmente, sem bibliotecas.

O processo, passo a passo

O código vira um Blob do tipo image/svg+xml com uma URL de objeto, é carregado em um elemento Image e, ao concluir o carregamento, é desenhado em um canvas com o seu tamanho alvo. Antes disso a ferramenta reescreve o width/height do svg raiz para esse tamanho, então o navegador rasteriza exatamente na resolução pedida em vez de ampliar um bitmap pequeno.

De onde vem o tamanho

Se o arquivo declara width e height, essas são as medidas nativas em 1×. Se declara apenas um viewBox, o próprio viewBox fornece a proporção e o tamanho base — padrão comum em conjuntos de ícones. Se não declara nada disso, não há em que se apoiar, então a ferramenta usa 512 px quadrados e avisa na nota abaixo dos botões.

O que o ambiente isolado bloqueia

A rasterização passa por um elemento img e os navegadores executam imagens SVG em modo restrito: não buscam imagens externas, web fonts, CSS remoto nem scripts, e não pintam o conteúdo de foreignObject. Um gradiente definido dentro do seu arquivo sobrevive; uma fonte trazida por @import ou um PNG linkado, não. URIs data: em linha são seguras porque não geram requisição de rede. É também por isso que a exportação pode falhar de forma visível: um canvas que recebeu um recurso de outra origem fica contaminado e canvas.toBlob() recusa a leitura — esse caminho é detectado e informado em vez de travar.

Perguntas frequentes