Guia de compressão de imagens: WebP vs AVIF vs JPEG vs PNG

As imagens costumam ser a parte mais pesada de uma página. Escolher o formato e a qualidade certos reduz muito o tamanho mantendo a nitidez.

Com perdas vs sem perdas

Formatos com perdas (JPEG, WebP, AVIF) descartam detalhes quase imperceptíveis e reduzem bastante o arquivo. Sem perdas (PNG) preserva cada pixel: ótimo para logos e transparência, mas pesado para fotos.

Qual formato usar

• Fotos e miniaturas: WebP como padrão, 25–35% menor que JPEG e muito compatível.
• Menor tamanho em navegadores modernos: AVIF.
• Máxima compatibilidade: JPEG.
• Logos, ícones, transparência: PNG ou WebP sem perdas.

Escolhendo a qualidade

• WebP / JPEG: qualidade 70–80 equilibra tamanho e nitidez.
• AVIF: comece em 50–60 para qualidade percebida semelhante.
• PNG não tem controle de qualidade; se está grande, provavelmente é uma foto que deveria ser WebP.

Reduza a qualidade aos poucos e compare antes/depois: escolha o valor logo antes de a perda ficar visível.

Em resumo

Use WebP na qualidade 75 para fotos web, AVIF para o menor tamanho e PNG para transparência. Com o Scrunch você converte várias imagens de uma vez, no navegador.