Image
Compressor

JPG é o cavalo de batalha para fotografia. Usa compressão com perdas baseada em DCT, afinada para imagens naturais com gradientes suaves (pele, céu, folhagem), e consegue reduzir uma exportação RAW de 6 MB para 200–400 KB a qualidade 80 sem diferença visível. É uma má escolha para capturas de ecrã, logótipos ou qualquer imagem com arestas marcadas e cores planas, porque aparecem artefactos de toque junto às transições duras.

PNG é sem perdas e ideal para capturas de UI, ícones, traço e qualquer imagem que precise de fundo transparente. A compressão assenta em DEFLATE, que se dá bem com grandes áreas planas mas não explora os truques percetuais que o JPG aproveita em fotos. Uma fotografia 4000 × 3000 guardada em PNG pode ficar 20× maior que o seu equivalente JPG a qualidade 85.

WebP suporta modo com perdas e sem perdas no mesmo contentor, com transparência em ambos. O WebP com perdas bate o JPG em cerca de 25 % a 35 % à mesma qualidade percetual; o WebP sem perdas bate o PNG em 20 % a 25 %. É suportado em todos os browsers modernos desde 2021 e é a escolha segura por defeito para novos ativos web.

AVIF é mais recente (frame-único de AV1), produz ficheiros 40 % a 50 % mais pequenos que JPG, e suporta HDR e amplo gamut. A contrapartida é uma codificação mais lenta e ligeiramente menos compatibilidade com clientes de email antigos e editores de imagem. Para imagens hero, cards OG e fotos de produto entregues a browsers modernos, o AVIF ganha em tamanho. Para anexos de email e compatibilidade com editores, fique-se pelo JPG ou WebP.

ToolSeo.image-compressor.section1.p5

A maior parte dos codificadores expõe uma escala de qualidade 0–100 que é não-linear: descer de 100 para 90 costuma reduzir o tamanho a metade quase sem perda percetual, enquanto descer de 50 para 40 mal encolhe o resultado e introduz blocos visíveis. O ponto ideal vive entre 75 e 85 para quase todos os casos fotográficos.

Para JPG, qualidade 80 é o padrão canónico da web — é o valor por defeito da maioria das pipelines de CMS (Cloudinary, imgproxy, Next.js Image). Suba para 85 em fotos hero e retratos onde os tons de pele contam; baixe para 70 em miniaturas e grelhas onde o tamanho importa mais que o detalhe perfeito.

Para WebP, qualidade 75 produz um ficheiro com qualidade percetual próxima de JPG 85, por isso pode ser mais agressivo do que com JPG. Para AVIF, qualidade 50–60 corresponde a JPG 80, porque a escala de qualidade do AVIF está calibrada de forma diferente. Antes de fixar uma qualidade para um lote, compare sempre lado a lado a 100 % de zoom.

Se serve imagens responsivas, comprima cada tamanho com o orçamento de qualidade adequado à distância de visualização. Uma miniatura de 320 pixels de largura tolera qualidade 60 porque ninguém a inspeciona ao detalhe; uma hero de 2560 pixels num monitor 4K precisa de qualidade 85+ para evitar ruído de croma visível.

ToolSeo.image-compressor.section2.p5

A compressão com perdas descarta informação percetual que o olho humano dificilmente recupera — detalhe de alta frequência, variações subtis de cor, ruído fino. É irreversível: depois de gravar a qualidade 70, a informação desapareceu, e regravar a 100 não a traz de volta. Use compressão com perdas em qualquer fotografia entregue a utilizadores finais.

A compressão sem perdas reorganiza os bytes para que o ficheiro fique mais pequeno mas os pixels descodificados sejam bit a bit idênticos ao original. Use sem perdas para masters de origem que ainda vai editar, para capturas de texto e UI onde cada pixel conta, para gráficos e diagramas com linhas marcadas e para qualquer imagem que vai ser re-codificada várias vezes numa pipeline (cada re-gravação com perdas acumula artefactos).

Um erro comum de workflow é tratar todas as imagens da mesma forma. Mantenha um master sem perdas (PNG ou WebP-lossless) e exporte cópias de entrega com perdas (JPG/WebP/AVIF) dimensionadas para cada uso. Assim pode sempre voltar a exportar noutro tamanho ou qualidade a partir do master sem acumular perdas de geração.

ToolSeo.image-compressor.section3.p4

ToolSeo.image-compressor.section3.p5

ToolSeo.image-compressor.section4.p1

ToolSeo.image-compressor.section4.p2

ToolSeo.image-compressor.section4.p3

ToolSeo.image-compressor.section4.p4

ToolSeo.image-compressor.section4.p5

ToolSeo.image-compressor.section5.p1

ToolSeo.image-compressor.section5.p2

ToolSeo.image-compressor.section5.p3

ToolSeo.image-compressor.section5.p4

ToolSeo.image-compressor.section5.p5