Comprimir e redimensionar imagens para a web

Primeiro redimensionar, depois comprimir

O maior ganho está quase sempre nas dimensões, não na qualidade. O tamanho do arquivo escala com a quantidade de pixels, então reduzir largura e altura pela metade elimina cerca de três quartos dos dados antes de qualquer compressão. Guardar a 4000 pixels uma imagem que nunca aparece acima de 800 é pagar quatro ou cinco vezes por pixels que ninguém vê.

Faça nessa ordem. Comprimir uma imagem enorme e depois reduzi-la no navegador desperdiça justamente a banda que você queria economizar, e reduzir depois de comprimir com força costuma deixar os artefatos mais visíveis, não menos. Defina o tamanho máximo real de exibição, redimensione para ele e só então pense em qualidade.

Escolher o formato

JPEG é para fotografias. Ele descarta detalhes que o olho percebe mal, o que funciona muito bem em gradientes e tons de pele e mal em bordas nítidas. PNG é sem perdas e mantém cada pixel exatamente, o que o torna adequado para capturas de tela, logotipos, arte de linha e tudo que precise de transparência — e inadequado para fotos, onde produz arquivos várias vezes maiores que o necessário.

WebP cobre os dois casos e costuma ser 25% a 35% menor que um JPEG equivalente com qualidade visual semelhante, com transparência ao estilo PNG. O suporte dos navegadores é universal há anos, então para a maioria dos sites a resposta honesta é: use WebP e mantenha o original como alternativa apenas se precisar suportar algo muito antigo.

O que o controle de qualidade realmente faz

Qualidade não é porcentagem de nada significativo: é um botão que regula com que agressividade o detalhe é descartado, e a escala não é linear. A faixa interessante é estreita: entre 75 e 85 a maioria das fotografias fica indistinguível do original no tamanho normal de exibição, enquanto o arquivo é uma fração do que a qualidade 100 produz. Acima de 90 você está comprando bytes, não qualidade visível.

O jeito certo de decidir é olhar, não adivinhar. Exporte com alguns ajustes e compare no tamanho em que a imagem será realmente exibida, não ampliada. Artefatos óbvios a 400% frequentemente são invisíveis no lugar, e julgar no zoom errado é o motivo mais comum de publicar imagens duas ou três vezes maiores do que o necessário.

Recomprimir não é de graça

Formatos com perdas se degradam a cada nova codificação. Abrir um JPEG, fazer um ajuste e salvar de novo descarta detalhe uma segunda vez, e as perdas se acumulam — aquele aspecto borrado e quadriculado de uma imagem que passou por várias rodadas. É por isso que se guarda um original na qualidade máxima e se exportam os derivados a partir dele, nunca da cópia exportada.

Também significa que um arquivo já pequeno pode não comprimir mais de forma útil. Se uma imagem já passou por um compressor, passar de novo costuma trocar qualidade visível por alguns kilobytes. Verifique o que você realmente ganhou antes de aceitar o resultado.

Remova o que não usa

Fotografias carregam metadados que você raramente quer publicar: modelo da câmera, configurações, horários e, em celulares, com frequência as coordenadas GPS de onde a foto foi tirada. É peso e ao mesmo tempo um problema de privacidade, e sobrevive a cópias entre aplicativos.

Uma lista curta antes de publicar:

• Redimensione para o maior tamanho em que a imagem realmente será exibida.
• Prefira WebP para fotos; deixe PNG para capturas, logotipos e transparência.
• Teste qualidade 75–85 e compare no tamanho de exibição, não ampliada.
• Exporte derivados do original, nunca de uma cópia já comprimida.
• Remova metadados EXIF — sobretudo a localização — do que for público.