O SVG é o formato de eleição para logótipos, ícones e ilustrações porque é um vetor — descreve formas com matemática, pelo que se mantém perfeitamente nítido em qualquer tamanho, mantendo ao mesmo tempo um tamanho de ficheiro mínimo. Mas nem todas as ferramentas entendem o SVG. As plataformas sociais, os programas de apresentações, muitos editores de fotografia e inúmeros formulários de carregamento esperam uma imagem raster como o PNG. Quando isso acontece, converte o SVG para PNG.
Este guia explica como converter SVG para PNG sem acabar com um resultado desfocado, a única definição que mais importa e quando deve antes manter o SVG.
Vetor vs Raster: Porque é que a Conversão Precisa de um Tamanho
A diferença fundamental entre o SVG e o PNG explica tudo sobre a conversão entre eles. Um SVG é independente da resolução: não tem dimensões fixas em pixels e pode ser desenhado em qualquer tamanho a pedido. Um PNG é uma grelha fixa de pixels, pelo que tem uma resolução específica incorporada.
Converter SVG para PNG chama-se rasterizar: o vetor é renderizado numa grelha de pixels a um tamanho escolhido. Essa escolha de tamanho é a decisão mais importante da conversão, porque, uma vez que o PNG existe, ampliá-lo para além da sua resolução torná-lo-á desfocado — exatamente a limitação que o SVG foi concebido para evitar.
Escolha a Resolução Certa
Para manter o seu PNG nítido, renderize-o no maior tamanho em que efetivamente o irá apresentar, ou maior. Algumas orientações:
- **Iguale o tamanho de apresentação.** Se um logótipo for aparecer com 300 pixels de largura, exporte o PNG pelo menos com essa largura.
- **Tenha em conta os ecrãs de alta resolução.** Os telemóveis e portáteis modernos concentram mais pixels, pelo que exportar com duas a três vezes o tamanho de apresentação mantém a imagem nítida neles.
- **Na dúvida, opte por maior.** Um PNG maior do que o necessário pode ser reduzido sem problemas; um que seja demasiado pequeno não pode ser ampliado sem ficar desfocado.
Como o SVG não tem resolução inerente, um bom conversor permite-lhe escolher as dimensões de saída. Escolher um tamanho generoso é a forma mais simples de garantir um resultado nítido.
Como Converter SVG para PNG
A forma mais rápida, sem nada para instalar, é um conversor baseado no navegador. Utilize o conversor de SVG para PNG gratuito: adicione o seu SVG, converta e descarregue um PNG pronto a usar em qualquer lugar que aceite imagens raster. Ele renderiza o vetor em pixels limpos e preserva a transparência, pelo que um logótipo num fundo transparente se mantém transparente.
Isto é ideal quando precisa de um PNG rápido para um perfil social, uma apresentação de diapositivos, um documento ou qualquer ferramenta que não aceite diretamente um SVG.
A Transparência É Preservada
Uma vantagem de converter para PNG em vez de JPG é a transparência. O PNG suporta um canal alpha completo, pelo que as áreas transparentes do seu SVG — o espaço à volta de um logótipo, por exemplo — permanecem transparentes no PNG. Se converteu para JPG, essas áreas ficariam preenchidas com uma cor sólida, porque o JPG não tem transparência. Para logótipos e ícones, o PNG é quase sempre o destino raster certo.
Quando Manter o SVG
Converta para PNG apenas quando algo o exigir. Para tudo o que controla — um site, uma aplicação ou um ficheiro de design — mantenha o SVG. Ele manter-se-á nítido em todos os ecrãs e em todos os tamanhos, é normalmente mais pequeno do que um PNG de alta resolução para gráficos simples e pode ser reestilizado com código. Rasterizar para PNG fixa a imagem a uma resolução e perde essas vantagens.
Um hábito prático: mantenha o SVG como a sua cópia mestra e exporte PNGs a partir dele sempre que uma ferramenta específica precisar de um. Dessa forma, tem sempre o original escalável a partir do qual trabalhar. Para saber mais sobre o formato, consulte O Que É um Ficheiro SVG.
SVG, PNG ou Outra Coisa?
Se está a ponderar formatos para um projeto, a versão curta é: utilize SVG para logótipos, ícones e ilustrações planas; utilize PNG quando precisar de uma versão raster com transparência ou contornos nítidos; e utilize JPG, WebP ou AVIF para fotografias. Para o quadro de decisão completo entre todos os formatos, consulte Como Escolher o Formato de Imagem Certo para a Web, e para a transparência raster em geral, JPG vs PNG.