Como comprimir imagens sem perder qualidade

«Comprimir imagens sem perder qualidade» é uma das frases mais procuradas na web e, ao mesmo tempo, uma das mais mal compreendidas. A resposta honesta é que a compressão perfeita sem qualquer alteração só é possível em casos muito específicos. Mas a resposta prática é muito mais animadora: com a abordagem certa, pode reduzir habitualmente uma imagem para um terço ou um décimo do seu tamanho e o resultado ficar idêntico ao olho humano. Este guia explica como o conseguir e o que significa realmente «sem perder qualidade».

O que significa realmente «sem perder qualidade»

Por trás da palavra qualidade escondem-se duas ideias distintas, e confundi-las é onde a maioria das pessoas se engana:

• Fidelidade matemática: se cada pixel é conservado bit a bit. Apenas a compressão sem perdas o garante.
• Qualidade percetual: se você consegue notar a diferença ao olhar para a imagem normalmente. É isto que realmente importa para as fotos de um site, de um documento ou anexadas a um email.

Os formatos com perdas como JPEG e WebP descartam dados que o sistema visual humano dificilmente perceciona: variações finas de cor e detalhes subtis. Bem feito, isto deita fora bytes que nunca teria visto de qualquer forma. Por isso, o objetivo realista não é zero alteração; é zero alteração visível. Se realmente precisa de cada pixel intacto, avance para a secção sobre compressão sem perdas mais abaixo.

Escolha um nível de qualidade inteligente (70–85)

Quase todos os compressores de imagens oferecem um controlo deslizante de qualidade, normalmente de 0 a 100. As pessoas assumem que mais alto é sempre melhor, mas a curva é de rendimentos rapidamente decrescentes. O salto de qualidade 100 para 90 elimina muitas vezes 40–60% do tamanho do ficheiro sem diferença percetível, enquanto o salto de 60 para 50 poupa pouco e começa a introduzir artefactos de blocos visíveis.

Para a maioria das fotografias, o ponto ideal é qualidade 70 a 85. Nesse intervalo mantém os tons de pele, os degradados e os contornos com bom aspeto enquanto elimina quase todo o peso. Um bom fluxo de trabalho é começar por volta de 80, observar o resultado em tamanho real e baixá-lo apenas se o ficheiro ainda precisar de ser mais pequeno. Como ferramentas como o nosso compressor de JPEG e o nosso compressor de WebP funcionam inteiramente no seu navegador, pode voltar a exportar com várias definições e comparar instantaneamente sem carregar nada.

Redimensione as dimensões — a maior alavanca

Eis o truque mais ignorado: a maioria das imagens é muito maior do que alguma vez será apresentada. Um telemóvel moderno tira fotos com 4000 pixels de largura ou mais, mas uma publicação de blog mostra-as talvez a 1200 pixels, e a assinatura de um email ou uma miniatura só precisam de algumas centenas. Armazenar todos esses pixels a mais é puro desperdício.

Como o tamanho do ficheiro escala com a áreada imagem, reduzir a metade a largura e a altura deixa a contagem de pixels num quarto. Redimensionar uma foto de 4000 pixels para 1600 pixels para a web pode encolher o ficheiro mais do que qualquer definição de qualidade — e, como está a remover pixels que nunca teria visto no ecrã, a qualidade visível no tamanho de apresentação fica intacta. Defina o lado mais comprido para aquilo de que a página realmente precisa com o redimensionador de imagens antes de mexer no controlo de qualidade, ou em vez de o fazer.

Escolha o formato adequado para o conteúdo

O formato que escolher muda as contas por completo. A escolha certa depende daquilo que a imagem é:

• Fotografias e imagens realistas: use JPEG ou, melhor ainda, WebP, que normalmente produz ficheiros 25–35% mais pequenos do que JPEG com a mesma qualidade visual.
• Logótipos, ícones, capturas de ecrã, desenho linear e tudo o que tenha texto ou contornos nítidos: use PNG. Os formatos com perdas esborratam os contornos nítidos em halos desfocados; um PNG sem perdas mantém-nos afiados como lâminas.
• Imagens que precisam de transparência: PNG ou WebP, já que JPEG não consegue armazenar um canal alfa.

O WebP é agora compatível com todos os navegadores atuais, por isso, para a web, é uma opção predefinida segura e muito eficiente. O guia da web.dev para servir imagens WebP é uma boa referência se quiser aprofundar os compromissos.

Quando precisa mesmo de compressão sem perdas

Por vezes precisa mesmo de conservar cada pixel — um arquivo mestre, um diagrama com texto fino ou um recurso que vai continuar a editar. Nesse caso, use compressão sem perdas, que reduz o ficheiro simplesmente codificando-o de forma mais eficiente, sem qualquer alteração na imagem.

Para PNG em concreto, boa parte do tamanho do ficheiro provém da forma como o codificador decidiu empacotar os dados, não da imagem em si. Os otimizadores sem perdas (o popular motor OxiPNG é um bom exemplo) reempacotam o fluxo comprimido de um PNG e eliminam metadados redundantes, poupando muitas vezes 10–30% com os pixels garantidos idênticos. É o mais próximo de uma refeição grátis a sério na compressão de imagens: ficheiro mais pequeno, a mesma imagem byte a byte.

Evite a recompressão — parta sempre do original

A forma mais rápida de arruinar uma imagem é comprimir algo que já foi comprimido. Os formatos com perdas perdem um pouco de detalhe sempre que são novamente guardados, e esse dano é cumulativo e permanente— um JPEG guardado, aberto e novamente guardado algumas vezes acumula artefactos visíveis mesmo com definições de qualidade altas. A isto chama-se por vezes perda geracional.

Dois hábitos evitam-no. Primeiro, comprima sempre a partir do seu original de máxima qualidade— o ficheiro da câmara ou a exportação direta do seu editor — e não a partir de uma cópia que já passou pelo espremedor. Segundo, conserve esse mestre impecável para nunca ter de voltar a derivar uma imagem comprimida a partir de outra imagem comprimida. Comprima apenas uma vez, para o formato e tamanho de que o trabalho precisa, e manterá a qualidade de partida.

Juntando tudo

Para reduzir uma imagem mantendo um ótimo aspeto: redimensione-a para as dimensões que realmente apresenta, escolha o formato adequado para o conteúdo, exporte com qualidade 70–85 (ou sem perdas quando a fidelidade for inegociável) e trabalhe sempre a partir do original. Cada passo acumula-se e, em conjunto, oferecem habitualmente poupanças espetaculares sem perda visível.

Todas as ferramentas do FileShrinking funcionam 100% no seu navegador — os seus ficheiros nunca são carregados para nenhum lado — por isso pode experimentar sem qualquer risco. Largue uma foto no compressor de imagens, teste um par de níveis de qualidade e compare os resultados por si mesmo.