Comparar
PNG vs SVG
PNG é uma imagem raster formada por pixels; SVG descreve formas vetoriais que podem ser ampliadas sem uma grade fixa de pixels. Escolha conforme o material seja uma imagem pixelizada pronta ou formas que devam permanecer nítidas em vários tamanhos.
Qual formato você deve escolher?
Use PNG para capturas de tela, arte raster finalizada e compatibilidade ampla; use SVG para logotipos, ícones e diagramas que precisam escalar, após verificar se o arquivo é seguro.
Indicado para PNG
Gráficos de interface · Capturas de tela · Imagens transparentes
- Imagens que precisam de transparência
- Texto e arte linear
Indicado para SVG
Logos, ícones e diagramas · Gráficos de UI escaláveis
- Ilustrações redimensionadas
- Formas e ícones editáveis
Informações básicas
| Campo | PNG | SVG |
|---|---|---|
| Extensão | .png | .svg |
| Tipo MIME | image/png | image/svg+xml |
| Usos comuns | Gráficos de interface · Capturas de tela · Imagens transparentes | Logos, ícones e diagramas · Gráficos de UI escaláveis |
| Como abrir | A maioria dos visualizadores do sistema, navegadores e editores de imagem abre arquivos PNG. | Abra SVG em navegador, editor vetorial ou visualizador compatível. |
| Exportar ou converter | Exporte PNG para JPEG apenas quando transparência e qualidade sem perdas não forem mais necessárias. Guarde o PNG original. | Exporte uma cópia PNG quando precisar de raster e confira tamanho, fontes, cor e transparência. |
Escolha por finalidade
Imagens que precisam de transparência
Gráficos de interface · Capturas de tela · Imagens transparentes
PNGTexto e arte linear
Gráficos de interface · Capturas de tela · Imagens transparentes
PNGIlustrações redimensionadas
Logos, ícones e diagramas · Gráficos de UI escaláveis
SVGFormas e ícones editáveis
Logos, ícones e diagramas · Gráficos de UI escaláveis
SVGPonto principal 1
PNG armazena pixels e tem amplo suporte para arte raster.
Mais sobre as diferençasPonto principal 2
SVG descreve formas vetoriais e pode escalar com nitidez quando o conteúdo permite.
Mais sobre as diferençasMais sobre as diferenças
Teste o recurso nos tamanhos reais de exibição e confira transparência, fontes e efeitos visuais após a conversão. Trate SVG de fontes externas como conteúdo ativo e revise antes de incorporar.
- PNG serve para imagens raster finalizadas e capturas.
- SVG é útil para logotipos e ícones que precisam de vários tamanhos.
- Efeitos complexos podem aparecer de modo diferente entre ferramentas e navegadores.
Perguntas frequentes
Todo logotipo deve ser SVG?
SVG costuma servir para logotipos escaláveis, mas verifique o conteúdo de origem e o suporte do renderizador. Mantenha alternativa raster se o fluxo exigir.