Conversor de SVG para PNG
Converta SVG em PNG no navegador em qualquer escala ou com largura ou altura exata, com fundo transparente ou colorido. Funciona com SVGs que só têm viewBox.
Imagens, fontes e folhas de estilo externas referenciadas pelo SVG não são carregadas quando ele é renderizado como imagem; incorpore-as ou converta o texto em caminhos antes.
Executa totalmente no seu navegador. Seus dados nunca são enviados.
O que é SVG para PNG?
Esta ferramenta renderiza um gráfico vetorial SVG como imagem PNG. Envie um arquivo .svg ou cole o código SVG, escolha um fator de escala (1×–4× ou qualquer valor) ou uma largura ou altura fixa e mantenha o fundo transparente ou preencha-o com uma cor. O vetor é renderizado de novo no tamanho de destino, então o PNG fica nítido em qualquer resolução.
Como usar SVG para PNG
- Solte ou escolha um arquivo SVG, ou cole a marcação SVG em Código SVG.
- Confira o Tamanho intrínseco detectado (de width/height, do viewBox ou o padrão 300×150).
- Em Tamanho de saída, escolha um fator de escala ou uma largura/altura fixa e informe o valor.
- Mantenha Fundo transparente ativado, ou desmarque-o e escolha uma cor de fundo.
- Baixe o PNG (com nome como
logo@2x.png).
Exemplo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 12"><rect width="24" height="12" fill="#ff0000"/></svg> at scale 2
48×24 PNG, solid red (intrinsic size 24×12 taken from the viewBox)
Quando usar SVG para PNG
Use-o para gerar ícones, logos ou ilustrações PNG para apps, redes sociais, documentos ou plataformas que não aceitam SVG. Continue usando SVG na web quando puder: ele é menor e independe de resolução. SVGs que dependem de fontes ou imagens externas serão renderizados sem elas.
Como funciona SVG para PNG
A ferramenta lê width, height e viewBox do elemento <svg> raiz para calcular o tamanho intrínseco (unidades absolutas como pt, mm e in são convertidas em px; porcentagens recorrem ao viewBox). Depois, reescreve o elemento raiz com a largura e a altura exatas de destino (acrescentando um viewBox se não houver, para que o desenho escale), carrega-o como imagem e o desenha em um canvas desse tamanho, de modo que os vetores sejam rasterizados em resolução total, em vez de ampliados a partir de um bitmap pequeno.
Casos de Uso Comuns
- Exportar um logo SVG em 2× e 3× para assets de apps móveis.
- Criar um ícone PNG de 512×512 a partir de um SVG para uma loja de apps.
- Converter um gráfico SVG em PNG para uma apresentação ou documento Word.
- Gerar um PNG com fundo branco para plataformas que exibem transparência como preto.
Nota de Segurança
As imagens são decodificadas, processadas e codificadas localmente no seu navegador com a Canvas API. Nada é enviado a um servidor. O SVG é renderizado como imagem, então scripts embutidos não são executados.
Perguntas Frequentes
Meu SVG não tem width nem height. Qual será o tamanho do PNG?
A largura e a altura do viewBox são usadas como tamanho intrínseco. Se também não houver viewBox, os navegadores usam 300×150, e a ferramenta avisa.
Por que meu texto aparece em outra fonte?
SVGs renderizados como imagem não conseguem carregar fontes externas. Converta o texto em caminhos no seu editor ou embuta a fonte como data URI.
Qual o tamanho máximo do PNG?
O que o canvas do seu navegador permitir. Se você pedir mais, a ferramenta reduz a saída e mostra um aviso.