Como converter SVG para PNG no seu navegador

O SVG é o formato certo para logotipos e ícones porque escala para qualquer tamanho sem ficar borrado. Mas no momento em que você tenta usar um em algum lugar inesperado, uma apresentação de slides, uma assinatura de e-mail, um anúncio em marketplace, um app que só aceita imagens raster, você bate numa parede: ele quer um PNG. Este guia explica a diferença entre os dois e como converter um SVG para PNG de graça no seu navegador, sem nada enviado.

Vetor versus raster, em um minuto

A razão pela qual essa conversão existe se resume a como os dois formatos armazenam uma imagem:

• SVG é vetor. Ele descreve formas com matemática, então permanece nitidíssimo em qualquer tamanho, de um favicon a um outdoor. É ideal para logotipos, ícones e ilustrações.
• PNG é raster. É uma grade fixa de pixels numa resolução definida. Ele suporta transparência e é aceito praticamente em todo lugar.

Converter SVG para PNG significa “achatar” a matemática em pixels num tamanho que você escolhe. Você troca a escalabilidade infinita pela compatibilidade universal, que é exatamente o que você quer quando uma ferramenta se recusa a aceitar um vetor.

Como converter SVG para PNG no seu navegador

O conversor gratuito SVG para PNG resolve isso em segundos, sem nada para instalar.

1. Abra a ferramenta e arraste seu SVG para dentro, ou clique para procurá-lo.
2. Escolha o tamanho de saída de que precisa (maior se for exibido grande ou impresso).
3. Converta e baixe o PNG. Seu SVG original permanece intocado.

A renderização acontece dentro da página, no seu próprio dispositivo, então seu arquivo nunca é enviado a um servidor.

Escolha o tamanho certo antes de exportar

Como um PNG tem pixels fixos, o tamanho em que você exporta importa. Um PNG que parece nítido a 64 pixels vai parecer suave e serrilhado se algo o esticar para 512. A solução é simples: exporte no maior tamanho que de fato vai usar e depois reduza se necessário, nunca aumente.

• Para um ícone de app ou favicon, exporte um quadrado limpo a 256 ou 512 pixels. Para favicons especificamente, o Gerador de Favicon produz todos os tamanhos de que um site precisa de uma só vez.
• Para gráficos de tela, combine com o tamanho de exibição, ou dobre-o para resultados nítidos em telas de alta resolução.
• Para impressão, vá grande, já que a impressão precisa de muito mais pixels do que uma tela.

Mantenha a transparência e depois reduza o peso

O PNG suporta fundos transparentes, então um logotipo exportado de um SVG mantém suas bordas vazadas em vez de cair numa caixa branca. Isso normalmente é o que você quer para sobrepor a fundos coloridos.

Um PNG transparente grande pode ficar pesado, porém. Se você exportou num tamanho generoso por qualidade, passe o resultado pelo Compressor de Imagem para reduzir o tamanho do arquivo sem diferença visível. E se mais tarde você precisar de um tipo totalmente diferente, o Conversor de Formato de Imagem troca entre formatos em uma única etapa.

Por que uma ferramenta de navegador é a escolha certa

Logotipos e ativos de marca são exatamente os arquivos que você preferiria não entregar a um serviço web qualquer. Muitos conversores de SVG enviam seu arquivo, rasterizam-no no servidor deles e devolvem um PNG, o que deixa uma cópia do seu ativo no sistema deles. Um conversor baseado no navegador faz a renderização na sua própria aba, no seu próprio dispositivo, então nada é enviado e nada é retido.

Para converter SVG para PNG do jeito limpo: abra uma ferramenta de navegador, escolha o tamanho de que realmente precisa, mantenha a transparência e baixe. Deve ser grátis, privado e instantâneo, que é o que o conversor SVG para PNG foi feito para ser.