Converter SVG em PNG
Este conversor gratuito renderiza logotipos, ícones e gráficos SVG como imagens PNG no tamanho do próprio SVG, no dobro ou no quádruplo dele, ou em uma largura exata, mantendo o fundo transparente. Seu navegador desenha o SVG e cria o PNG, então nenhum arquivo é enviado. Fontes e imagens vinculadas de outros arquivos não carregam, e nenhum fundo branco é adicionado.
Um arquivo não foi convertido corretamente? Escreva para [email protected], de preferência com um pequeno arquivo de exemplo, e o problema será corrigido.
O essencial
- Entrada: SVG (.svg). Saída: PNG (.png).
- Seus arquivos não são enviados: o trabalho é feito no navegador, no seu próprio dispositivo.
- Tamanho da imagem: até 16.384 pixels por lado (cerca de 16 megapixels no iPhone e iPad).
- Precisa de um navegador atual (Chrome, Edge, Firefox ou Safari) no computador, tablet ou celular; nada para instalar.
- Grátis e sem cadastro.
SVG em PNG: por que converter?
Um SVG é um conjunto de instruções de desenho, por isso pode ser renderizado nítido em qualquer tamanho, mas muitos lugares só aceitam pixels: apresentações de slides, editores de texto, redes sociais, lojas de aplicativos, assinaturas de e-mail e a maioria dos formulários de upload. Converter para PNG significa decidir de quantos pixels você precisa, e essa é a única configuração aqui: o tamanho do próprio SVG, o dobro ou o quádruplo dele, ou uma largura exata. O desenho é renderizado de novo nesse tamanho, e não ampliado a partir de uma imagem pequena, então as bordas ficam nítidas e o fundo transparente continua transparente. SVGs que só têm viewBox, sem largura nem altura, também são tratados. Seu navegador desenha o SVG e grava o PNG, então os arquivos nunca saem do seu dispositivo. Fontes e imagens vinculadas de outros arquivos não podem carregar neste modo, e a lista avisa quando um SVG as usa.
Como converter SVG em PNG
- Solte seus arquivos .svg na caixa ou clique para escolhê-los.
- Escolha o tamanho do PNG, 2× por padrão, ou digite uma largura em pixels. A lista mostra o tamanho resultante de cada PNG.
- Clique em “Converter para PNG” e baixe o PNG, ou um zip com todos eles.
O que muda na conversão
Os pixels importam, o DPI não
Um PNG tem largura e altura em pixels; um valor de DPI é só uma indicação guardada no arquivo sobre o tamanho de impressão. O que decide a nitidez é a quantidade de pixels. Para um logotipo impresso com 5 cm de largura a 300 pixels por polegada, você precisa de cerca de 590 pixels de largura, então escolha essa largura em vez de procurar uma configuração de DPI. Para telas, 2× o tamanho do próprio SVG fica nítido em telas de alta resolução.
SVGs sem largura e altura
Muitos ícones e gráficos exportados só têm um viewBox, por exemplo viewBox="0 0 24 24". Os navegadores escolheriam então 300 × 150 pixels por conta própria; o conversor usa o viewBox como tamanho base, então 24 × 24 em 1× e 48 × 48 em 2×. Tamanhos em polegadas, milímetros ou pontos são convertidos a 96 pixels por polegada, o padrão do CSS.
Fontes e imagens vinculadas não carregam
Quando um navegador desenha um SVG como imagem, ele não busca nada fora do arquivo, por motivos de segurança. Textos em uma fonte web passam a usar uma fonte instalada no seu dispositivo, e imagens vinculadas por endereço ficam de fora. Fontes e imagens incorporadas no SVG como dados funcionam. Se o texto precisa ficar exato, converta-o em contornos no seu programa de design antes de exportar.
O fundo continua transparente
As áreas que o SVG não pinta ficam transparentes no PNG. É o que você quer para logotipos em slides coloridos, mas nenhum fundo branco é adicionado; alguns visualizadores mostram a transparência como preto ou como um quadriculado.
Tamanhos muito grandes
Um canvas no navegador tem tamanho limitado; esta página permite até 16.384 pixels por lado. Celulares e tablets podem falhar antes disso, então renderize PNGs em tamanho de pôster em um computador.
Sobre os formatos
SVG
O SVG (Scalable Vector Graphics) é o formato XML do W3C para desenhos vetoriais, uma recomendação desde 2001. Em vez de pixels, ele guarda formas, caminhos, texto e degradês como instruções, então um SVG fica nítido em qualquer tamanho. Logotipos, ícones, gráficos e ilustrações exportados do Figma, Illustrator ou Inkscape muitas vezes são SVG.
- Um arquivo de texto simples que pode ser aberto e editado em qualquer editor de texto.
- Não tem tamanho fixo em pixels: largura, altura e viewBox só dizem em que tamanho ele é desenhado por padrão.
- Pode usar fontes e imagens de outros arquivos ou sites, que então também precisam estar disponíveis.
- Abre em qualquer navegador, mas muitos programas de escritório, redes sociais e formulários de upload só aceitam PNG ou JPG.
PNG
O PNG (Portable Network Graphics) é um formato de imagem sem perdas de 1996 e o formato habitual para capturas de tela, logotipos, diagramas e imagens com transparência. Cada pixel é guardado exatamente, então texto e bordas nítidas continuam bem definidos.
- Sem perdas: salvar de novo nunca reduz a qualidade.
- Suporta transparência total (um canal alfa).
- Uma foto salva em PNG costuma ficar várias vezes maior do que em JPG.
Perguntas frequentes
Meus arquivos SVG são enviados?
Não. Seu navegador renderiza o SVG e cria o PNG no seu dispositivo.
Qual deve ser o tamanho do meu PNG?
Para uma página web ou um slide, 2× o tamanho em que ele será exibido. Para impressão, multiplique a largura impressa em polegadas por 300. Ícones para aplicativos e favicons normalmente têm tamanhos fixos definidos pela plataforma.
Por que o texto no meu PNG parece diferente?
O SVG provavelmente usa uma fonte web vinculada em vez de incorporada, e o navegador recorre a outra fonte. Converta o texto em caminhos no Illustrator, Inkscape ou Figma, ou incorpore a fonte, e converta de novo.
Posso ter um fundo branco em vez de transparente?
Não com uma configuração aqui. Adicione um retângulo branco como primeiro elemento do SVG, ou coloque o PNG sobre branco em um editor de imagens.
O PNG continua sendo um gráfico vetorial?
Não. O PNG é feito de pixels no tamanho que você escolheu. Guarde o SVG como original e gere um novo PNG sempre que precisar de outro tamanho.