Votre site web est lent à charger ? La plupart du temps, le coupable est une image trop lourde.
Google PageSpeed Insights mesure une métrique appelée LCP (Largest Contentful Paint), qui enregistre le temps nécessaire pour que la plus grande image visible à l’écran se charge complètement. Un cas réel : un site basé sur Divi avec un LCP mobile de 15,6 secondes — l’enquête a révélé que l’image d’arrière-plan de l’en-tête avait été téléchargée en pleine résolution, sans compression (d’après un post de benchmark sur r/divi).
Le scénario plus quotidien : quand vous téléversez sur Xiaohongshu, Zhihu, WeChat ou en pièce jointe d’e-mail, chaque plateforme a sa propre limite de taille. Les couvertures Xiaohongshu acceptent jusqu’à 5 Mo, les images d’articles WeChat 2 Mo, et de nombreux formulaires d’inscription n’acceptent que 200 Ko.
La compression d’images ne consiste pas seulement à rendre les fichiers « plus petits ». Ce guide va consacrer 5 minutes à expliquer quoi compresser, à quel niveau, dans quel format et quel outil est le plus rapide.
Trois voies de compression
Il n’existe que trois façons de réduire une image, mais la plupart des gens confondent leurs différences :
| Voie | Ce qu’elle fait | Taux de compression | Perte de qualité | Idéal pour |
|---|---|---|---|---|
| Compression avec perte | Élimine des détails subtils (presque invisibles à l’œil) | Élevée, 60-80% | Minimale | Photos, paysages |
| Compression sans perte | Optimise le stockage, comme un zip | Faible, 10-30% | Aucune perte | Captures PNG, icônes |
| Conversion de format | Passe d’un format à un autre | Très élevée, 70-95% | Dépend de la cible | PNG vers WebP / AVIF |
Une métaphore : la compression avec perte supprime les pages de remplissage d’un gros livre (on peut toujours le lire) ; la compression sans perte élague la ponctuation et les espaces (pas un mot ne change) ; la conversion de format échange le livre papier contre un e-book (même contenu, 10 fois plus petit).
En pratique, la troisième option est la plus efficace — convertir un PNG directement en WebP transforme souvent une photo de 5 Mo en un WebP de 200 Ko avec une qualité quasi indiscernable.
Comment choisir les paramètres clés
Choisir une voie ne suffit pas. Les outils vous lanceront tout un tas de paramètres. Voici ce que chacun contrôle réellement :
Qualité (Quality)
Un curseur de 0 à 100 qui contrôle la quantité de détails supprimés. Valeurs recommandées :
| Scénario | Qualité recommandée | Taille cible |
|---|---|---|
| Image hero web | 75-80 | < 200 Ko |
| Image d’article de blog | 80 | < 150 Ko |
| Photo produit e-commerce | 85-92 | < 300 Ko |
| Avatar réseau social | 80 | < 100 Ko |
| Pièce jointe e-mail | 75 | < 1 Mo |
| Impression / archivage | 92+ ou original | Pas de compression |
Quality 80 est le point idéal pour le web — la taille baisse de 60-70%, mais la plupart des gens ne voient pas la différence (benchmark cleverutils.com).
Sous-échantillonnage de chrominance
JPEG et WebP suppriment certaines informations de couleur pendant le codage, car l’œil humain est plus sensible à la luminosité qu’à la couleur. Le paramètre s’écrit 4:4:4, 4:2:0 ou 4:2:2 :
4:4:4: couleur entièrement préservée (à utiliser pour captures d’écran, captures d’UI)4:2:0: supprime 75% des données de couleur (à utiliser pour les photos — divise la taille par deux)4:2:2: intermédiaire (courant en vidéo)
Vous n’avez généralement pas besoin de régler cela manuellement — la plupart des outils utilisent 4:2:0 par défaut, ce qui est correct.
Résolution
Si une photo de téléphone de 4000×3000 ne s’affiche qu’en 800 px de large sur votre page web, 75% de ces pixels sont gaspillés. Redimensionnez d’abord, puis compressez — le résultat est bien meilleur qu’en compressant l’original.
Métadonnées EXIF
Les photos contiennent des données cachées : modèle d’appareil, position GPS, date de prise de vue — inutiles sur une page web et qui alourdissent le fichier. Supprimez-les avant de téléverser. Pour les détails sur ce qu’il faut retirer et les risques qui restent, consultez le Guide de confidentialité EXIF.
Arbre de décision des formats
Cinq formats principaux — comment choisir :
Besoin de transparence ?
- Oui → PNG / WebP / AVIF transparent, tous fonctionnent
- Besoin de compatibilité avec les vieux navigateurs ? PNG
- Vous voulez la plus petite taille ? AVIF > WebP > PNG
- Non → Photo ou illustration ?
- Photo → WebP > AVIF > JPG
- Illustration / capture → PNG (précision des couleurs) ou WebP
Caractéristiques de chaque format :
| Format | Compression | Transparence | Compatibilité navigateurs | Idéal pour |
|---|---|---|---|---|
| JPG | Référence | ❌ | 100% | Quand la compatibilité est prioritaire |
| PNG | Médiocre | ✅ | 100% | Captures, icônes |
| WebP | 25-34% plus petit que JPG | ✅ | 97%+ | Standard web |
| AVIF | ~20% plus petit que WebP | ✅ | 90%+ | Nouveaux projets, compression maximale |
| HEIC | ~50% plus petit que JPG | ✅ | Apple uniquement | Originaux iPhone |
Le chiffre de 25-34% du WebP par rapport au JPG vient de l’étude de Google Developers de 2010, encore citée comme référence. Chrome, Firefox, Safari 14+ et Edge le supportent tous — couverture supérieure à 97%. Utilisez-le sans hésiter.
AVIF est plus agressif, mais le support complet dans Safari n’est arrivé qu’avec la version 16.4 (mars 2023). Si certains de vos utilisateurs sont encore sur d’anciennes versions de Safari, prévoyez un fallback JPG.
Si votre source est en HEIC (format par défaut de l’iPhone), convertissez d’abord en WebP puis compressez. Le Convertisseur de Formats d’Image de piick.cc gère toutes ces conversions de format.
En pratique : 30 secondes sur Piick
Vous ne voulez pas installer de logiciel ? Lancez-le directement dans le navigateur. Le Compresseur d’Images de piick.cc travaille entièrement côté frontend — aucun téléversement vers un serveur, aucun souci de confidentialité.
Trois étapes :
- Glissez votre image — supporte JPG / PNG / WebP, jusqu’à 25 Mo par fichier
- Choisissez la Qualité — la valeur par défaut est 80, adaptée à la plupart des cas
- Téléchargez le fichier compressé — affiche le gain, par ex. 4,8 Mo → 620 Ko (87% plus petit)
Testé sur une photo de téléphone de 4000×3000 (4,8 Mo) à Quality 80, le résultat est de 620 Ko aux mêmes dimensions sans perte de qualité visible.
Avancé : lot, Retina, EXIF
Compression par lot
Besoin de compresser 50 images ? Les faire une par une est fastidieux. Squoosh CLI (npx squoosh-cli --mozjpeg '{"quality":80}' *.jpg) ou des scripts ImageMagick gèrent les traitements par lot. piick.cc ne gère pour l’instant que les fichiers individuels ; le support par lot est sur la feuille de route.
Les écrans Retina nécessitent-ils une compression plus agressive ?
Non. Les écrans Retina ont une densité de pixels plus élevée, pas une exigence d’images plus nettes — les pages web s’affichent toujours aux mêmes dimensions de pixels CSS sur Retina. Ce que vous devez faire, c’est téléverser des images en résolution 2x (par exemple, 1600×800 pour un conteneur de 800×400) tout en conservant les mêmes paramètres de compression. Quality 80 fonctionne tout aussi bien sur Retina.
Faut-il conserver l’EXIF ?
- Partage de photos personnelles : conservez (plus facile à archiver)
- Sites web commerciaux : supprimez (fichiers plus petits + meilleure confidentialité)
- Actualités / médias : conservez les champs de copyright
Pour les champs spécifiques à surveiller, consultez le Guide de confidentialité EXIF.
Questions fréquentes
Compressé à moins de 200 Ko mais déjà à Quality 60 et c’est encore flou — que faire ?
Réduisez d’abord la résolution, puis compressez. Réduire de 4000×3000 à 2000×1500 avant la compression peut à nouveau diviser la taille par deux, avec une meilleure qualité. le Recadreur d’Images de piick.cc fait des recadrages précis.
Puis-je utiliser WebP sans y réfléchir ?
Pour 97% des navigateurs, oui. Si votre audience est plutôt sur Safari ancien / IE, prévoyez un fallback JPG ou restez sur JPG.
La conversion PNG vers WebP est-elle sans perte ?
Non. WebP a deux modes — WebP sans perte et WebP avec perte. Les outils par défaut utilisent le mode avec perte, et la baisse de qualité est à peine visible. Si vous avez besoin d’une perte absolument nulle (archivage de captures), utilisez cwebp -lossless input.png -o output.webp.
Pourquoi mon fichier compressé est-il plus gros que l’original ?
Cela arrive souvent quand la Qualité dépasse 95 — l’algorithme de compression doit stocker plus de métadonnées à mesure que la qualité augmente, ce qui peut produire un fichier plus gros que l’original. Dans ce cas, utilisez simplement l’original et ne compressez pas.
Quand AVIF remplacera-t-il complètement WebP ?
Une fois que la compatibilité des navigateurs atteindra 95% (estimé 2026-2027). Pour l’instant, misez sur WebP. Vous voulez expérimenter ? Essayez AVIF via le Convertisseur de Formats de Piick.
La compression d’images n’est pas aussi complexe qu’elle en a l’air : choisissez d’abord le format (WebP par défaut), puis une valeur de Qualité (commencez à 80), et décidez enfin s’il faut redimensionner. Besoin de faire un essai en ligne ? Ouvrez le Compresseur d’Images de piick.cc et obtenez des résultats en 30 secondes.