SVG para PNG Conversão Guia Completo

SVG e PNG servem propósitos diferentes. SVG é independente de resolução e ideal para logos e ícones, enquanto PNG é um formato raster — perfeito para capturas de tela e compatibilidade.

Converter SVG para PNG requer escolher o tamanho do canvas e a densidade de pixels corretos. O mesmo SVG pode produzir um favicon nítido de 32×32 ou um banner de 4000px.

SVG vs PNG: diferenças-chave

SVG é baseado em XML e armazena formas como caminhos matemáticos — escala infinitamente sem perda de qualidade. PNG é raster: cada pixel tem uma cor fixa. SVGs são pequenos e editáveis para gráficos simples; PNGs são universalmente suportados.

Quando converter SVG para PNG

Converta SVG para PNG quando: (1) a plataforma de destino não suporta SVG — clientes de email, Word, PowerPoint; (2) precisa de um asset de tamanho fixo para redes sociais; (3) gera favicons em 16×16, 32×32 ou 180×180; (4) o SVG usa filtros que navegadores renderizam inconsistentemente; (5) combina o SVG com um fundo raster.

Escolhendo a resolução certa

Resolução é a decisão-chave. Para uso web em densidade padrão, 1× (72 DPI) é suficiente. Para telas retina/HiDPI, exporte em 2× (144 DPI) ou 3×. Para impressão, use mínimo 300 DPI. Regra prática: multiplique o tamanho de exibição em pixels pelo multiplicador de densidade.

Transparência e canal alfa

PNG suporta transparência alfa completa (0–255 por pixel), ideal para logos em fundos variáveis. Ao converter, certifique-se de que o SVG não tem preenchimento de fundo. Se a saída tiver fundo branco, o conversor está preenchendo pixels transparentes — verifique as configurações de exportação.

Configurações de exportação

PNG é sem perda — não há controle deslizante de qualidade como JPEG. O nível de compressão (0–9) afeta o tamanho do arquivo, não a qualidade visual. Para entrega web, o nível 6–8 é um bom equilíbrio. PNG-24 lida com gradientes; PNG-8 (256 cores) é menor mas limitado.

Casos de uso comuns

Favicons: exporte em 16×16, 32×32, 48×48 e 180×180 (Apple Touch). Redes sociais: imagens Open Graph em 1200×630, Twitter cards em 800×418. Ícones de app: múltiplos tamanhos. Assinaturas de email: 200–300px de largura em 2× para retina.

FAQ