SVG to PNG Converter
Understand SVG to PNG Converter
Rasteriza a marcação SVG colada em um PNG para download, no tamanho e na escala que você escolher, inteiramente no navegador.
How it works
A marcação é carregada como imagem e desenhada em um canvas HTML com as dimensões em pixels escolhidas, e depois exportada como PNG. Como o SVG independe de resolução e o PNG não, o fator de escala é toda a decisão: renderizar um ícone de 200×200 em 3× produz um bitmap de 600×600 que continua nítido em uma tela de alta densidade, enquanto 1× vai parecer borrado ali. A saída é de pixels fixos daquele momento em diante — redimensionar o PNG depois o degrada, enquanto o SVG de origem poderia ter sido renderizado em qualquer tamanho.
When to use it
- Produzir um favicon, um ícone de app ou uma imagem de prévia social em raster a partir de uma fonte vetorial
- Fornecer uma imagem a uma ferramenta, um cliente de e-mail ou um marketplace que não aceita SVG
- Exportar um gráfico ou um diagrama de uma biblioteca baseada em SVG para uma apresentação ou um documento
- Gerar recursos em 1×, 2× e 3× a partir de um único arquivo vetorial
Watch out for
- Um SVG sem width, height ou viewBox não tem tamanho intrínseco, então o rasterizador não tem de onde escalar. Acrescente um viewBox ao elemento raiz antes de converter.
- Recursos externos não são carregados dentro de um SVG em rasterização. Fontes web referenciadas por uma regra @font-face e imagens referenciadas por URL normalmente não são buscadas — converta o texto em paths antes, ou os rótulos vão aparecer em uma fonte alternativa ou não aparecer.
- A transparência sobrevive, mas o fundo não aparece. Um SVG sem retângulo de fundo é exportado como um PNG com fundo transparente, o que parece uma imagem faltando sobre uma superfície escura.
- O PNG costuma ser o arquivo maior. Um ícone vetorial simples com 2 KB em SVG pode ter 40 KB como PNG em 3×, então converta só quando o destino realmente não aceitar vetor.
Not the right tool for: Qualquer coisa que fique na web e possa receber um vetor. Um SVG se adapta a toda tela, é menor e pode ser estilizado com CSS — rasterize só quando o destino obrigar.
Frequently Asked Questions
Como converter um SVG em PNG?
Cole a marcação SVG ou solte um arquivo .svg, escolha um fator de escala ou digite largura e altura exatas e clique em Converter para PNG e baixe o resultado. Toda a conversão roda em um canvas no seu navegador, então o arquivo nunca é enviado.
Como exportar um SVG em alta resolução?
Como o SVG é vetorial, o tamanho de saída é escolha sua: use os botões de 4× ou 8×, ou informe uma largura como 2048 e deixe a altura seguir a proporção. Diferente de ampliar um PNG, isto renderiza os vetores de novo, então as bordas continuam nítidas em qualquer tamanho.
Por que meu SVG é renderizado com as fontes erradas ou sem imagens?
A rasterização acontece em um contexto de imagem isolado que não consegue buscar recursos externos, então fontes web e imagens vinculadas não são carregadas. Converta o texto em paths e embuta as imagens como data URIs antes de converter, e o PNG vai corresponder exatamente ao original.
How to Use SVG to PNG Converter
- Paste or type your input in the input area above.
- The tool processes your input automatically or click Run.
- Copy or download the result using the action buttons.
- Use Ctrl+Enter to run quickly from the keyboard.