SVG vs PNG
Comparação lado a lado de funcionalidades, casos de uso, desempenho, qualidade e compatibilidade.
SVG e PNG não são intercambiáveis para todas as tarefas. Esta página resume diferenças práticas para escolher o formato ou caminho de conversão antes de exportar.
Tabela de comparação
| Aspect | SVG | PNG |
|---|---|---|
| Compressão | Sem perda | Sem perda |
| Transparência | Sim | Sim |
| Animação | Estático | Estático |
| Tipo de dados | Vetorial | Raster |
| Tamanho típico do ficheiro | Frequentemente maior | Maior para arte plana |
| Suporte do browser | Excelente para visualização | Muito amplo |
Prós
SVG: Transparência e bordas nítidas
PNG: Transparência e bordas nítidas
Contras
SVG: Precisa de rasterização para muitos exports
PNG: Não ideal para todas as tarefas
Casos de uso
Use SVG quando ícones escaláveis e ilustrações vetoriais.
Use PNG quando logótipos, assets de UI e gráficos transparentes.
Converta localmente quando uma plataforma ou cliente exigir PNG.
Desempenho
SVG leve a mostrar, mais pesado quando rasterizado.
PNG pode usar mais memória.
Teste um ficheiro antes de lotes grandes.
Qualidade
Comece pela fonte de maior qualidade disponível.
Não volte a gravar através de vários formatos com perda.
Compare a nitidez no seu ecrã real antes de publicar.
Compatibilidade do browser
Suporte de SVG: Excelente para visualização.
Suporte de PNG: Muito amplo.
Teste o resultado no Chrome, Safari e Firefox antes de publicar.
Fluxo de trabalho recomendado
Decida se o entregável precisa de SVG ou PNG.
Abra o conversor ou ferramenta relacionada abaixo.
Ajuste qualidade ou DPI quando disponível.
Descarregue e verifique no dispositivo de destino.
Perguntas frequentes
SVG é melhor do que PNG?
Nem sempre — SVG encaixa em alguns casos de uso e PNG noutros. Veja a tabela acima.
Como converto SVG para PNG localmente?
Use os conversores relacionados abaixo; os ficheiros são processados no browser.
Preciso de software de ambiente de trabalho?
Não — as ferramentas relacionadas funcionam num browser moderno.