WebP vs JPG vs PNG vs AVIF — qual usar e quando (2026)
Tomoda HinataAutor e mantenedor da ferramentaPublicado em 26 de abr. de 20268 min de leitura
JPG para fotos que vão a qualquer lugar. PNG para gráficos com transparência ou bordas sem perda. WebP para a web de hoje (todo navegador desde Safari 14). AVIF quando ~30% extra superam a perda do Outlook. Este guia cruza os quatro formatos por tamanho, suporte e adequação, com medições verificáveis no comparador do navegador.
Ferramentas usadas neste guia
Os quatro formatos num relance
JPG (1992): com perda, sem alfa, universal. PNG (1996): sem perda com alfa, ideal para logos/capturas, ~5× maior que JPG em fotos. WebP (2010, Google): combina com/sem perda e alfa, ~25–35% menor que JPG. AVIF (2019, AV1): mais novo, ~20–30% menor que WebP — melhor compressão e pior suporte legado.
Quando escolher JPG?
Quando o destino é mais antigo que a ‘web moderna’ ou compatibilidade universal pesa mais que os últimos 30%: anexo de e-mail (Outlook desktop ignora WebP), entrega para impressão, embed em Word/PowerPoint, recipient não técnico. Qualidade 78 para fotos, 90 para capturas com texto.
Quando PNG ganha de verdade
Três coisas que JPG não faz: transparência, bordas pixel-perfect, sem perda. Para fotos, PNG é desperdício. PNG-8 para ícones; PNG-24 com alfa para logos.
Por que WebP é o padrão web hoje
Todo navegador moderno decodifica WebP nativamente (Chrome 32+/Firefox 65+/Safari 14+/Edge — >98% do tráfego global desde 2022). Fotos WebP 25–35% menores que JPG; WebP sem perda ~25% menor que PNG. Único ponto fraco: render do Outlook desktop.
Quando AVIF justifica a complexidade
AVIF (compressão intra do AV1) entrega outros 20–30% sobre WebP. Vale em sites novos com grandes hero images. Custo: Outlook desktop, alguns apps Microsoft, mobile legado. Use atrás de `<picture>` com WebP fallback, ou espere o legado cair abaixo de 2%.
Árvore de decisão
Outlook desktop / e-mail / impressão? → JPG (foto) ou PNG (gráfico transparente). Web para público moderno? → WebP qualidade 82; capturas em WebP sem perda. >98% público moderno e LCP no piso? → `<picture>` AVIF + WebP. Transparência web? → WebP ou AVIF; em projeto novo, evite PNG.
| Formato | Foto (1920×1280) | Captura UI (1920×1080) | Logo + transparência | Suporte |
|---|---|---|---|---|
| JPG qualidade 82 | 245 KB | (sem transparência) | (sem transparência) | 100% |
| PNG | 1,65 MB | 92 KB | 11 KB | 100% |
| WebP qualidade 82 | 165 KB | 55 KB (sem perda) | 8 KB | 98% |
| AVIF qualidade 60 | 115 KB | 48 KB | 6 KB | 92% |
Perguntas frequentes
Qual formato tem melhor suporte?
JPG e PNG 100%. WebP ~98%. AVIF ~92%.
WebP é menor que AVIF?
Não — AVIF é ~20–30% menor que WebP na mesma qualidade.
Por que HEIC não está na comparação?
HEIC é formato interno do iPhone, não web. Nenhum navegador decodifica HEIC nativamente.
WebP com ou sem perda?
Com perda para fotos (Q82); sem perda para capturas/logos — bate PNG em ~25%.
E TIFF?
TIFF é desktop/impressão/arquivo, não web.
Posso usar um só formato?
Se for um: JPG para fotos, PNG para transparência. WebP/AVIF são camadas de otimização.
Experimentar agora
Encode one image in all five modern formats in parallel — size + time side by side
Modern Image Format Comparator (PNG / JPEG / WebP / AVIF / JXL)Este artigo inclui tradução assistida por IA. Avise se encontrar erros.