Como Funciona a Compressão de Imagem: JPEG, PNG e WebP Explicados

Última atualização: June 27, 2026

A compressão de imagens encolhe arquivos removendo informações que o seu olho tem dificuldade em perceber. Entender quais informações cada formato descarta diz por que o JPEG desfoca texto, por que o PNG permanece grande e por que WebP e AVIF vencem em fotografias. Este é um guia prático sobre os algoritmos reais, não uma comparação de marketing.

Resposta rápida: como funciona a compressão de imagens?

Todo formato de imagem web realiza dois trabalhos: prever valores de pixels para que dados repetidos colapsem, e depois codificar os erros de previsão de forma eficiente. Formatos com perdas (JPEG, WebP lossy, AVIF) também quantizam — eles arredondam detalhes de alta frequência que os humanos mal percebem. Formatos sem perdas (PNG, WebP lossless) pulam a quantização e mantêm cada pixel.

A decisão prática:

Leia a comparação AVIF vs WebP vs JPEG para decidir o formato; este artigo se concentra no que acontece dentro de cada encoder.

Qual é a diferença entre lossy e lossless?

A compressão Lossless (sem perdas) reconstrói o pixel original por pixel. Funciona encontrando redundância: sequências de cores idênticas, padrões repetidos, gradientes previsíveis. PNG, GIF e WebP-lossless usam essa abordagem. O limite é a entropia da imagem — ruído aleatório mal se comprime.

A compressão Lossy (com perdas) descarta informações permanentemente. O truque é descartar as informações que o seu sistema visual nota menos: textura de alta frequência fina e diferenças sutis de cor. JPEG, WebP-lossy e AVIF fazem isso. A recompensa são arquivos muito menores — frequentemente 5–10× menores do que os lossless para fotografias.

Os formatos usam técnicas específicas:

Como funciona realmente a compressão JPEG?

JPEG é o pipeline lossy canônico. Cinco estágios rodam em ordem:

O motivo pelo qual o JPEG desfoca texto e bordas nítidas: os coeficientes de alta frequência carregam as bordas, e a quantização zera-os. Diminua o controle de qualidade o suficiente e você verá artefatos de blocagem 8×8.

Você pode ver a quantização em ação em um único recorte detalhado de pena. A mesma região de 500×280, codificada em três níveis de qualidade, mostra exatamente o que o controle deslizante de qualidade sacrifica:

Em q95, as barbas da pena permanecem distintas. Em q75, os filamentos finos começam a desfocar juntos. Em q50, os blocos de 8×8 são claramente visíveis e a textura está borrada — o arquivo é menor, mas a perda agora é algo que um visualizador nota.

Como funciona a compressão PNG?

PNG é lossless e funciona completamente diferente. Dois estágios:

1. Row filtering. Antes da compressão, cada linha de varredura é filtrada para torná-la mais previsível. O PNG define cinco filtros (None, Sub, Up, Average, Paeth); o encoder escolhe o melhor por linha.

2. DEFLATE compression. Os bytes filtrados passam por LZ77 (encontra sequências repetidas, substitui por back-references) mais codificação Huffman (códigos curtos para valores comuns) — o mesmo algoritmo usado pelo ZIP.

Dicas de otimização PNG que realmente ajudam:

• Use PNG-8 (indexado, ≤256 cores) para gráficos planos — muito menor que PNG-24.
• Remova chunks desnecessários: EXIF, perfis ICC não utilizados, o canal alpha se a imagem for opaca.
• Recomprima com optipng ou pngquant (este último converte para 8 bits com dithering para grandes economias em fotografias que devem permanecer PNG).

Por que WebP é menor do que ambos?

WebP tem dois modos independentes:

• Lossy WebP pega emprestado do codec de vídeo VP8. Ele usa previsão de bloco por todo o frame (não apenas dentro de blocos 8×8 como no JPEG), transformações 4×4 e 8×8, e melhor codificação de entropia aritmética. O resultado é aproximadamente 25–34% menor que o JPEG com qualidade correspondente.
• Lossless WebP usa até 13 modos de previsão, uma transformação de espaço de cores para descorrelacionar canais e um variante LZ77. Tipicamente é ~20–26% menor que o PNG para o mesmo conteúdo.

AVIF vai além usando as ferramentas intra-frame do codec de vídeo AV1, superando WebP lossy em mais 20–30%. O custo é a velocidade de codificação — AVIF é lento para produzir. Veja o guia TinyPNG alternatives para ferramentas que geram WebP e AVIF.

Como você mede a qualidade da compressão?

Duas métricas dominam. Nenhuma é perfeita; use ambas.

PSNR é fácil de calcular, mas ignora o que os humanos notam; SSIM se correlaciona melhor com a percepção, mas ainda subestima artefatos que distraem (anelamento perto de texto). Para decisões reais de produto, avalie o resultado visualmente no tamanho de exibição pretendido em vez de confiar em um único número.

O estudo de qualidade JPEG da Mozilla e o estudo de compressão WebP do Google publicam metodologia e imagens de amostra se você quiser reproduzir comparações.

Que configurações de qualidade devo usar?

Comece por estes padrões, depois ajuste para o seu conteúdo. Estas são diretrizes, não leis.

Duas regras que importam mais do que o número:

• Compare em qualidade visual correspondente, não em números de qualidade correspondentes. AVIF q60, WebP q75 e JPEG q85 parecem aproximadamente semelhantes. Comparar os três a "q80" é sem sentido.
• Redimensione antes de comprimir. Um original de câmera de 4000px comprimido para JPEG q80 ainda é um download de 4000px. Redimensione para o tamanho de exibição primeiro — isso economiza mais bytes do que qualquer ajuste de qualidade.

A curva tamanho versus qualidade mostra por que a faixa 75–85 é a recomendação usual. No mesmo recorte detalhado de pena, o tamanho do arquivo cai acentuadamente no início e depois se achata — e a queda visível da qualidade acelera abaixo de q75. Empurrar além desse ponto economiza poucos bytes, mas custa detalhes reais:

Como comprimir imagens bem na prática?

1. Comece com o master correto. Tire RAW ou JPEG de alta qualidade; a compressão se acumula, então evite re-codificar um arquivo que já é lossy.
2. Redimensione primeiro. Combine a caixa da página com o Image Resizer antes de qualquer outro passo.
3. Escolha o formato pelo conteúdo. Fotografia → WebP/AVIF lossy; texto/UI → PNG ou WebP lossless.
4. Codifique em uma qualidade sensata. Comece em 75–80 para fotos no Image Compressor.
5. Remova metadados para a web pública (mantenha EXIF para arquivos); o Image Converter faz formato + metadado em uma única passagem.
6. Inspecione no tamanho de exibição e sirva um fallback <picture> para que clientes antigos recebam JPEG.

Erros comuns

• Recomprimir JPEGs já comprimidos. Cada encode lossy adiciona artefatos. Mantenha um master.
• Ignorar o chroma subsampling para texto. 4:2:0 é bom para fotos, mas embaça texto colorido. Use 4:4:4 (ou PNG) para gráficos com muito texto.
• Confiar em um único número de qualidade entre formatos. O número significa coisas diferentes em JPEG, WebP e AVIF.
• Otimizar antes de redimensionar. Sempre redimensione primeiro — é a maior economia de bytes.
• Servir AVIF/WebP sem fallback para JPEG. Navegadores antigos e clientes de email não renderizam nada.

Guias relacionados

• AVIF vs WebP vs JPEG: Qual Formato Você Deve Usar?
• Comprimir Imagens Sem Perder Qualidade
• Alternativas ao TinyPNG Comparadas
• Checklist de Otimização de Imagem SEO
• Checklist Completo de Otimização de Imagem

Perguntas frequentes

Como funciona a compressão de imagens?

A compressão lossless (PNG) encontra e codifica padrões repetitivos sem alterar pixels. A compressão lossy (JPEG, WebP) descarta detalhes de alta frequência que o olho nota menos, depois codifica o resto. O controle de qualidade determina quanto a compressão lossy descarta.

Qual é a diferença entre lossy e lossless?

Lossless preserva cada pixel exatamente e reverte perfeitamente (PNG, WebP lossless). Lossy descarta detalhes para encolher o arquivo e não pode ser revertido (JPEG, WebP lossy). Lossy vence em tamanho para fotos; lossless vence em qualidade para gráficos e masters.

Qual formato comprime melhor fotos?

AVIF (menor, navegadores modernos), depois WebP, depois JPEG. PNG é o maior para fotos porque é lossless. Para entrega web, WebP é o padrão seguro; AVIF quando você pode codificá-lo e seu público está em navegadores modernos.

A compressão reduz a qualidade?

Sim, mas em qualidade 80–85 a perda é invisível no tamanho de visualização. A armadilha é re-comprimir um arquivo lossy repetidamente (perda de geração), o que acumula artefatos. Comprima uma vez a partir de um master lossless.

Créditos das imagens

• Capa — Source code on a monitor, foto por Leonid Altman em Pexels (convertido para WebP).
• Escada de qualidade JPEG e curva tamanho versus qualidade — gerado pelo autor a partir de uma fotografia de pena de arara (Pexels #36720663, foto por Kaca Skok) para mostrar o resultado real medido do JPEG em vários níveis de qualidade.