Como comprimir imagens para um site
As imagens costumam ser a parte mais pesada de uma página. Veja como deixá-las leves.
1. Redimensione para o tamanho exibido
Uma foto de 4000 px exibida em 800 px desperdiça 96% dos pixels. Redimensione as imagens para no máximo o dobro da largura exibida, o suficiente para ficarem nítidas em telas retina.
2. Escolha um formato moderno
O WebP é aceito por todos os navegadores modernos e costuma ser de 25 a 35% menor que o JPG. O AVIF é ainda menor para fotos. Reserve o PNG para gráficos que precisam ficar sem perdas.
3. Escolha a qualidade certa
Qualidade 75–82 não tem perda visível na maioria das fotos. Compare o antes e o depois para achar a menor configuração que ainda fica boa.
4. Remova os metadados
Os dados EXIF podem acrescentar dezenas de kilobytes a cada imagem e revelar informações privadas. Remova-os antes de publicar.
5. Automatize
Use o processamento em lote para as bibliotecas que já existem e a API ou um plugin de CMS para os novos envios, assim cada imagem é otimizada automaticamente.