Guide pratique22 avril 20266 min de lecture

Compresser des images sans perte de qualité – guide pratique

Les images lourdes sont le frein numéro un d'un site. Bonne nouvelle : avec les bons réglages, tu économises 60 à 80 % de taille sans différence visible. Ce guide explique comment.

Images compressées via un curseur de qualité

Sans perte ou avec perte ?

La compression sans perte (PNG, WebP-lossless, FLIF) conserve chaque pixel à l'identique – seul l'encodage devient plus intelligent. Économie typique vs non-compressé : 20 à 40 %. Idéal pour logos, captures et tout ce qui demande précision au pixel près.

La compression avec perte (JPG, WebP, AVIF) écarte les informations que l'œil ne perçoit guère. Cela réduit fortement les photos – 80 à 95 % par rapport au non-compressé. Pour des photos en ligne, c'est le bon choix.

Trouver la bonne qualité

Pour JPG et WebP, qualité 75–85 est le sweet spot : différence à peine visible et taille fortement réduite. Sous 60 on voit des artefacts ; au-delà de 90 c'est du gaspillage.

Astuce : regarde des comparaisons avant/après. Des outils comme Pixshift travaillent dans le navigateur et indiquent l'économie en pourcentage. Certains visuels (texte, contours nets) demandent plus de qualité ; les dégradés doux se contentent de 70.

Erreurs fréquentes qui plombent la taille

Charger des images deux fois plus grandes que l'affichage : une galerie 1920×1080 dans un layout 800×600 gaspille 3× les octets nécessaires. Redimensionne avant de compresser et utilise `srcset` pour le retina.

Mauvais format : logos en JPG (bords baveux), photos en PNG (taille énorme). Adapte le format au contenu – photo → JPG/WebP/AVIF, graphisme avec transparence → PNG/WebP/AVIF, logo vectoriel → SVG.

Combien peux-tu vraiment économiser ?

Chiffres concrets : un JPG de 4 Mo issu d'un reflex tombe à ~800 Ko en qualité 80 — facteur 5. La même photo en WebP-80 fait 600 Ko. En AVIF-80, 450 Ko. Pour les pures graphismes (logo, capture), 50 à 70 % de gain par-dessus OptiPNG sans sacrifier de pixels.

Attention aux fausses économies : passer un JPG de 100 Ko à 50 Ko ne change presque rien (10-20 ms gagnées) et coûte de la qualité visible. Concentre-toi sur les gros morceaux — compresser un hero de 5 Mo paie 50x plus.