Des images trop lourdes ralentissent votre site web, dégradent votre score Google PageSpeed et augmentent votre taux de rebond. Compresser ses images est l'une des optimisations les plus impactantes pour les performances web — et elle peut se faire en ligne, sans logiciel.

La compression d'image peut être avec perte (lossy) ou sans perte (lossless). La compression avec perte (JPEG, WebP lossy) réduit la qualité de manière imperceptible à l'œil nu pour atteindre des réductions de 40–80 %. La compression sans perte (PNG, WebP lossless) optimise l'encodage sans supprimer d'information — réduction de 10–30 %. Le format WebP offre en moyenne 25–35 % de gains supplémentaires par rapport au JPEG à qualité équivalente. L'AVIF offre encore plus de compression mais son support navigateur est plus récent.

📐 Formule

Ratio de compression = Taille originale / Taille compressée | Économie % = (1 - Taille compressée / Taille originale) × 100

📊 Tableau de référence

Format Type de compression Économie typique Transparence Recommandé pour
JPEG → JPEG opt. Lossy 20–60 % Non Photos
PNG → PNG opt. Lossless 10–30 % Oui Logos, icônes
JPEG → WebP Lossy 25–35 % Oui Web moderne
PNG → WebP Lossy/Lossless 26 % Oui Remplacement universel
Toute → AVIF Lossy 40–50 % vs JPEG Oui Navigateurs récents

💡 Exemples pratiques

Exemple 1 : photo de produit e-commerce trop lourde Photo 4 Mo (JPEG appareil photo) → compressée à 150 Ko (qualité 80 %). Économie : -96 %. Résultat : chargement 26× plus rapide, qualité visuellement identique à l'affichage standard.
Exemple 2 : optimiser les images d'une landing page Avant : 3 images de 800 Ko chacune = 2,4 Mo. Après compression WebP : 3 × 120 Ko = 360 Ko. Gain de 2 Mo sur la page. Impact direct sur le LCP (Largest Contentful Paint) de Google.
Exemple 3 : logo PNG avec transparence Un logo de 500 Ko en PNG peut être compressé sans perte à 120 Ko avec TinyPNG ou ToolSmartly. Aucune dégradation de la transparence ou des bords.