Escolher o formato de imagem correto pode reduzir o peso da página em 50% ou mais sem afetar a qualidade visual. Com JPEG, PNG, WebP, AVIF, GIF e SVG competindo, como você decide?
TL;DR: O padrão é WebP para fotos e imagens complexas. Use PNG para gráficos que exigem transparência com bordas nítidas. Use SVG para ícones e logotipos. Considere AVIF se você puder servir substitutos.
Análise formato por formato
JPEG
Formato de foto padrão da web há 30 anos. Lida bem com conteúdo fotográfico, mas produz arquivos maiores que o WebP com a mesma qualidade visual. Sem transparência. Use quando: Máxima compatibilidade de e-mail ou sistemas muito antigos.
PNG
Formato sem perdas ideal para gráficos com texto, capturas de tela e imagens que necessitam de transparência alfa. Produz arquivos enormes para fotos – nunca use PNG para fotografias.
WebP
Desenvolvido pelo Google. Com perdas e sem perdas. Produz arquivos 25–35% menores que JPEG e 26% menores que PNG. Suporta transparência e animação. Mais de 97% de suporte a navegadores em 2026. O melhor versátil para web.
AVIF
Formato de última geração que oferece arquivos de 20 a 50% menores que o WebP. A codificação é mais lenta, o suporte do navegador é de aproximadamente 93%. Ideal com substitutos WebP/JPEG via <picture>.
GIFs
Desatualizado. Limitado a 256 cores, tamanhos de arquivo enormes para animação. Substitua por animação WebP ou vídeo MP4/WebM para arquivos 80–90% menores.
Comparação de tamanho de arquivo
| Formato | Foto (1920×1080) | Gráfico (800×600) | Notas |
|---|---|---|---|
| JPEG (q80) | 285KB | 145 KB | Linha de base |
| PNG | 2,1 MB | 95KB | Ótimo para gráficos, péssimo para fotos |
| WebP (q80) | 195 KB | 68 KB | ~32% menor que JPEG |
| AVIF (q80) | 142 KB | 52KB | ~50% menor que JPEG |
Fluxograma de decisão
- Logotipo, ícone ou ilustração? → SVG
- Precisa de transparência? → WebP (com ou sem perdas) ou PNG
- Foto? → WebP (com perdas, q75–85)
- Compactação máxima? → AVIF com substituto WebP/JPEG
- E-mail? → JPEG (melhor suporte ao cliente de e-mail)
✅ Como servir vários formatos
Use o HTML <picture> elemento com <source> tags para AVIF e WebP, voltando para JPEG/PNG no <img> etiqueta. O navegador escolhe o primeiro formato compatível.
🔧 Converter e compactar para qualquer formato - grátis
Solte suas imagens e converta entre JPEG, PNG e WebP com controle de qualidade. Executa localmente no seu navegador.
Abra compactar imagem →Conclusão
Para a maioria dos sites em 2026, WebP é o padrão correto. Ele oferece o melhor equilíbrio entre compactação, qualidade, suporte ao navegador e recursos. Use PNG para transparência com bordas nítidas, SVG para vetores e considere AVIF para páginas de desempenho crítico.