Transforme vetores SVG escaláveis em imagens PNG prontas para usar
Um arquivo SVG é um conjunto de instruções, não uma imagem finalizada. Abra um em um editor de texto e você vai encontrar XML descrevendo caminhos, formas, preenchimentos e curvas — uma receita que o navegador segue para desenhar a arte do zero no tamanho que você pedir. Um PNG é o oposto: uma grade de pixels coloridos congelada numa largura e altura fixas. Converter um no outro se chama rasterização, e esta ferramenta faz isso inteiramente dentro do seu navegador. Você escolhe um tamanho de saída, o SVG é pintado em um canvas HTML, e um PNG retorna — nenhum arquivo jamais sai do seu dispositivo.
Vetor versus raster, em termos simples
A diferença central é como a resolução é tratada. Como o SVG armazena matemática em vez de pixels, ele é independente de resolução: escale um logo de um favicon a um outdoor e cada borda é recalculada para permanecer matematicamente nítida. Um PNG não tem essa liberdade. Seus pixels estão fixos, então ampliá-lo além do tamanho nativo força o visualizador a esticar os pontos existentes, e você começa a ver o borrão e o serrilhado que denunciam as imagens raster.
Esse trade-off corta para os dois lados. Vetores são imbatíveis para logos, ícones e ilustrações planas feitas de formas limpas, e os arquivos costumam ser minúsculos. Formatos raster como o PNG lidam com gradientes, sombras suaves e detalhe fotográfico de modo mais natural e — crucialmente — são entendidos por praticamente tudo. Ao rasterizar, você troca a escalabilidade infinita do SVG pela compatibilidade universal do PNG num tamanho escolhido.
Por que rasterizar um SVG, afinal?
Se o SVG escala tão lindamente, por que converter? Compatibilidade é a resposta de sempre. Muitos lugares simplesmente não aceitam SVG: muitos clientes de e-mail removem ou se recusam a renderizá-lo, editores de documentos e softwares de apresentação muitas vezes querem uma imagem plana, marketplaces e redes de anúncios exigem PNG ou JPG, e a maioria das plataformas sociais ignora completamente uploads vetoriais. Alguns sistemas de conteúdo também bloqueiam o SVG por motivos de segurança, já que o formato pode embutir scripts.
O segundo motivo é que às vezes você quer um arquivo de tamanho fixo. Ícones de app, miniaturas, imagens de prévia Open Graph e materiais impressos esperam dimensões exatas em pixels. Um PNG trava a arte nesse alvo, então ela renderiza de forma idêntica em todo lugar, sem surpresas de um visualizador que interpreta o vetor de modo diferente. Converter seu SVG de origem nos tamanhos precisos que uma plataforma exige costuma ser o caminho mais limpo para um resultado consistente.
Escolhendo a resolução de exportação certa
Como um PNG não escala para cima com elegância, o tamanho em que você exporta importa mais do que com qualquer vetor. Exporte pequeno demais e a imagem fica mole em telas modernas; exporte grande sem necessidade e você desperdiça largura de banda. Uma regra simples: decida o maior tamanho em que a imagem algum dia será exibida, então renderize ao menos isso, e idealmente mais para telas de alta densidade.
Telas padrão ficam bem a 1x — o tamanho nominal da arte. Telas de alta DPI e Retina empacotam aproximadamente o dobro de pixels no mesmo espaço, então uma exportação a 2x mantém ícones e gráficos nítidos em vez de borrados. Para impressão, pôsteres ou telas muito grandes, 3x ou 4x dá margem de folga. Como a fonte é um vetor, exportar maior não custa nada em qualidade — as curvas são simplesmente recalculadas na contagem de pixels mais alta antes de serem achatadas. Na dúvida, renderize um tamanho generoso; você sempre pode reduzir um PNG grande, mas nunca pode recuperar detalhe ampliando um pequeno.
A transparência vem junto
O PNG suporta um canal alfa completo, o que significa que a transparência sobrevive à conversão. Se o seu SVG não tem preenchimento de fundo, o PNG resultante mantém essas áreas vazadas, então um logo ou ícone se encaixa de forma limpa sobre qualquer cor sem uma caixa branca feia ao redor. Se você precisa de um fundo sólido, dê um ao SVG antes de converter. De qualquer forma, o que você vê no vetor é o que o PNG vai preservar, e é exatamente por isso que o PNG — e não o JPG — é o alvo natural para ícones, selos e sobreposições.
Tudo permanece no seu dispositivo
Este conversor roda como código local no seu navegador usando a API canvas. Seu SVG é lido, desenhado e exportado sem nunca ser enviado a um servidor, então não há upload, não há fila e não há cópia da sua arte parada no armazenamento de outra pessoa. Isso é mais rápido para você e mais seguro para qualquer coisa que você prefira não entregar a terceiros, de marcas não lançadas a diagramas internos. Quando terminar por aqui, explore o restante das nossas ferramentas de imagem — se você está montando um ativo para Windows ou um favicon, o conversor PNG para ICO é o próximo passo natural.
Perguntas frequentes
O PNG vai ficar tão nítido quanto o SVG?
No tamanho em que você exporta, sim. Como o vetor é renderizado do zero na resolução escolhida, as bordas ficam nítidas. A diferença é que o PNG não pode ser ampliado depois sem amaciar, enquanto o SVG original sempre pôde.
A conversão preserva a transparência?
Sim. O PNG tem um canal alfa, então qualquer área transparente no seu SVG permanece transparente no PNG. Adicione um fundo ao SVG primeiro se quiser um preenchimento sólido.
Qual resolução devo escolher?
Iguale ou exceda o maior tamanho em que a imagem será exibida. Use 1x para telas padrão, 2x para telas Retina e de alta DPI, e 3x ou 4x para impressão ou gráficos superdimensionados. Renderizar maior não custa nada em qualidade, já que a fonte é um vetor.
Por que não usar o SVG em todo lugar?
Muitos clientes de e-mail, editores de documentos, marketplaces e plataformas sociais não aceitam ou não renderizam o SVG de forma confiável. Um PNG funciona em quase qualquer lugar e trava a arte num tamanho previsível e fixo.
Meus arquivos são enviados para algum lugar?
Não. Tudo roda localmente no seu navegador. Seu SVG nunca é enviado a um servidor, então nada é enviado, armazenado ou rastreado.
Posso converter o PNG de volta em um SVG?
Não fielmente. A rasterização descarta a matemática original, então voltar significa traçar os pixels em novos caminhos vetoriais, o que raramente corresponde à fonte. Guarde seu SVG original como o arquivo mestre.