ToolBox Image — Como a compressão de imagens realmente funciona (em 5 minutos)

A compressão de imagens é um problema resolvido em princípio, mas escolher o formato ou ajuste de qualidade errado pode desperdiçar largura de banda, desacelerar seu site ou produzir artefatos visíveis. Aqui está um guia prático de como os principais formatos funcionam e quando usar cada um.

Com perda vs sem perda

Cada formato de imagem se enquadra em uma de duas categorias. Formatos sem perda preservam cada pixel do original — a imagem decodificada é idêntica bit a bit à fonte. Formatos com perda descartam informações às quais o olho humano é menos sensível, alcançando tamanhos de arquivo muito menores ao custo de alguma fidelidade.

Qual escolher depende do caso de uso. Fotografias e gradientes toleram bem a compressão com perda porque os artefatos são difíceis de detectar em tamanhos normais de visualização. Capturas de tela, texto, logotipos e gráficos com bordas nítidas precisam de codificação sem perda para permanecerem nítidos.

JPEG: o padrão universal

JPEG é o formato de imagem dominante na web há três décadas. Ele usa um algoritmo de compressão com perda baseado na transformada discreta de cosseno — a mesma técnica usada em codecs de vídeo. O codificador divide a imagem em blocos de 8x8 pixels, transforma cada bloco em espaço de frequência e descarta informações de alta frequência que o olho humano percebe com menos acuidade.

Pontos fortes: Suporte universal em navegadores, excelente compressão para fotografias, qualidade ajustável.

Pontos fracos: Sem suporte a transparência, artefatos de bloco visíveis em baixa qualidade, compressão ruim para texto e gráficos.

Melhor para: Fotografias, gradientes complexos, imagens de mídia social, qualquer situação onde a compatibilidade universal importa mais que o tamanho do arquivo.