Converter SVG para PNG online
Converta o vetor SVG em PNG com fundo transparente. A resolução vem de dentro do arquivo — e aqui está como ajustá-la antes de converter.
Suas imagens
Ajustes
Imagens geradas
- Nada é enviado
- Grátis, sem cadastro
- Remove EXIF
- Vários arquivos
SVG é vetorial: ele descreve formas matematicamente e por isso pode ser ampliado infinitamente sem perder nitidez. PNG é uma grade fixa de pixels. Converter de um para o outro é escolher uma resolução e congelar a imagem nela.
A conversão é necessária sempre que o destino não aceita vetor — envio para gráfica em formato raster, uso em editores que não importam SVG, ou plataformas que só aceitam PNG e JPG. Como você está congelando a resolução, escolha um tamanho generoso: é melhor gerar maior e reduzir depois do que gerar pequeno e precisar ampliar.
Vale lembrar que essa conversão é de mão única. Um PNG gerado a partir de SVG não volta a ser vetorial — guarde sempre o arquivo SVG original.
Como funciona
Três passos, e o primeiro acontece antes de soltar o arquivo aqui.
Confira width e height dentro do SVG
Abra o .svg no Bloco de Notas e olhe a tag svg da primeira linha. O número declarado ali é o tamanho do PNG que vai sair. Sem width e height, o navegador usa um padrão pequeno.
Solte o arquivo aqui
PNG já vem selecionado e a régua de qualidade fica desativada de propósito: PNG é sem perdas, não há qualidade para ajustar. O fundo transparente é mantido; se quiser fundo branco, marque JPG.
Confira a tipografia no antes/depois
Gere e compare. Se o SVG tiver texto e a fonte não estiver embutida no arquivo, é neste momento que a troca de tipografia aparece — hora de voltar e converter o texto em curvas.
A resolução do PNG vem de dentro do SVG
Essa é a parte que pega quase todo mundo. O SVG não tem pixels: quem define em que tamanho ele será desenhado são os atributos width e height escritos dentro do arquivo. O PNG sai exatamente nessa medida, e não existe campo aqui para pedir outra.
Se o SVG declara width 512 e height 512, você recebe um PNG de 512 por 512. Se ele traz só o viewBox, sem width e height, não há medida para seguir: o navegador cai no tamanho padrão de um elemento de imagem, uma caixa de 300 por 150 px, e encaixa o desenho ali dentro mantendo a proporção. O PNG sai minúsculo — o quanto, exatamente, depende da proporção do desenho.
Como SVG é arquivo de texto, dá para resolver em trinta segundos: abra o .svg no Bloco de Notas, ache a tag svg de abertura e escreva (ou aumente) width e height. Não mexa no viewBox — é ele que mantém a proporção do desenho. Salve e arraste o arquivo para cá.
O gerador para em 10.000 pixels no lado maior. Acima disso a imagem é reduzida para caber nesse limite.
Fonte e imagem de fora do arquivo não são desenhadas
Por segurança, o navegador renderiza SVG como imagem em modo isolado: sem executar script e sem buscar nada na rede. Isso vale aqui e vale em qualquer lugar que exiba o SVG dentro de uma tag de imagem.
A consequência prática aparece em dois casos. Texto que depende de uma fonte instalada no computador ou carregada de um servidor sai com outra fonte, ou não sai. E qualquer imagem referenciada por URL dentro do SVG aparece como espaço vazio no PNG.
As correções são todas do lado do arquivo, antes de converter:
- No Illustrator, Inkscape ou Figma, converta o texto em curvas — criar contornos, object to path, outline. O texto vira forma e deixa de depender de fonte.
- Ou embuta a fonte dentro do próprio SVG, em base64.
- Troque imagens referenciadas por URL por versões embutidas como data URI.
Que resolução pedir para cada destino
Como a conversão é de mão única, na dúvida gere maior. Reduzir um PNG grande depois é trivial e não perde nitidez; ampliar um PNG pequeno só produz borrão.
- Web: o dobro da medida de exibição. Um logotipo que aparece com 200 px de largura pede um PNG de 400 px para não borrar em tela de alta densidade.
- Impressão: 300 pontos por polegada equivalem a cerca de 118 pixels por centímetro. Um logotipo de 10 cm de largura na folha pede por volta de 1.180 px.
- Ícone de aplicativo ou de loja: cada plataforma pede uma medida exata. Gere na maior delas e derive as outras a partir dessa.
- Favicon: não gere um PNG grande para reduzir depois — o gerador de favicon entrega o arquivo .ico já no formato certo.
Quando é melhor não converter
E guarde sempre o .svg original em algum lugar. Ele é a fonte; o PNG é uma cópia congelada numa resolução só, e não existe caminho fiel de volta.
- O destino aceita SVG: mande o SVG. Ele fica nítido em qualquer tamanho e costuma pesar menos que o PNG equivalente.
- Você ainda vai editar as formas, as cores ou o texto: edite no vetor e converta só no final.
- Você quer um PNG maior do que o SVG declara: aumente width e height no arquivo em vez de ampliar o PNG depois — ampliar bitmap não cria detalhe.
Perguntas frequentes
Em que resolução devo exportar?
Pense no maior uso previsto e adicione margem. Para web, o dobro da dimensão de exibição cobre telas de alta densidade. Para impressão, mire alto.
Posso voltar de PNG para SVG?
Não de forma fiel. Existe vetorização automática, mas ela recria formas aproximadas, não recupera o vetor original.
A transparência do SVG é mantida?
Sim, o PNG preserva o fundo transparente. Se preferir fundo branco, escolha JPG como saída.
Fontes dentro do SVG funcionam?
Só se estiverem convertidas em curvas ou disponíveis no seu sistema. Texto que depende de fonte externa pode renderizar diferente.
O PNG saiu do tamanho de um selo. O que aconteceu?
Seu SVG não declara width e height, só viewBox. Sem medida escrita no arquivo, o navegador usa o tamanho padrão de um elemento de imagem — uma caixa de 300 por 150 px — e encaixa o desenho nela. Abra o .svg em um editor de texto, escreva width e height na tag svg e converta de novo.
Qual é o tamanho máximo de PNG que dá para gerar?
10.000 pixels no lado maior. Se o SVG pedir mais que isso, a imagem é reduzida para caber no limite.
Preciso de fundo branco em vez de transparente. Como faço?
Escolha JPG no seletor de formato: áreas transparentes são preenchidas com branco. Ficando em PNG, a transparência do SVG é preservada.