Converter SVG em PNG em tamanhos exatos de pixel
Rasterize ícones e ilustrações para slides, CMS legados e clientes de e-mail que não aceitam SVG — processamento local quando os paths são sensíveis.
Mais utilitários que combinam com este guia:
Por que isso importa
Clientes de e-mail bloqueiam SVG inline por segurança. Portais enterprise antigos só aceitam PNG para logos de fornecedores. Decks incham quando se colam SVG enormes — rasterizar em 2× mantém fluidez e compatibilidade. Converter localmente ajuda quando kits de marca têm NDAs em conjuntos de ícones não lançados.
Três cenários reais
Exporte quadrados 512 e 1024 px com fundo transparente para implementações de qualidade mista.
Cores previsíveis
Associe primários WebP/AVIF a fallbacks PNG dimensionados do mesmo master SVG.
Melhoria progressiva
Rasterize gráficos exportados do Figma para quem não edita vetor.
Ativos seguros para Office
Passo a passo
Abra SVG para PNG.
Envie `.svg` ou cole markup
Strings SVG inline funcionam quando a área de transferência evita arquivos temporários — monitore
<image>embutidas enormes.Defina largura/altura de saída
Multiplique pixels CSS por
devicePixelRatiopara PNGs nítidos em Retina.Escolha tratamento de fundo
Transparente para ícones ; preenchimento sólido quando o visualizador assume tela branca.
Pré-visualize saída raster
Inspecione antialiasing ao longo de diagonais — aumente resolução se aparecer moiré em traços finos.
Baixe PNG
Versionar nomes (
logo@2x.png) para o pipeline invalidar cache de propósito.
Dicas avançadas
- Prefira SVG na web moderna quando a CSP permitir — PNG continua pára-quedas de compatibilidade.
- Cuidado com filtros: filtros SVG exóticos podem rasterizar diferente entre motores — verifique nos navegadores-alvo.
- Pipeline ICO: combine saídas com SVG para ICO para favicons.
Armadilhas comuns
Erro comum
Fontes embutidas ausentes
Converta texto em contornos no design se fontes remotas falharem na rasterização.
Erro comum
SVG enorme e performance
Caminhos complexos podem travar a aba — simplifique geometria ou divida camadas antes de converter ilustrações gigantes.
Erro comum
Mudanças de espaço de cor
Exports CMYK pertencem a fluxos de impressão — rasterização no navegador mira tela RGB por padrão.
Quando esta não é a ferramenta certa
- Exports CI headless: script
resvg/sharppara builds determinísticos em contêineres Linux. - Sprites multi-densidade: packers de textura gerenciam padding e bin packing melhor.
- SVG animado (SMIL/CSS): capture sequências de quadros com ferramentas de vídeo dedicadas.
FAQ
A conversão envia arquivos?
Processamento local — importante quando o SVG contém dados de path proprietários.
Exportar `@1x` e `@2x` rápido?
Duplique execuções dobrando dimensões — anote nomes na hora para evitar colisão de cache.
Por que PNG é maior que SVG?
Gradientes fotográficos explodem como raster — mantenha vetor para arte geométrica quando possível.
Próximos passos
- Comprima PNGs com o compressor de imagens.
- Recorte margens brancas com corte de imagem.
- Exporte lotes para PDF após ajustes de layout com imagem para PDF.