Images · Guide pratique
Comment compresser des images sans perte de qualité
Une photo de 5 Mo sur une page d'accueil est un désastre pour la vitesse. Mais la compresser naïvement à 200 Ko introduit des artefacts hideux. Ce guide parcourt la boîte à outils moderne — formats, réglages de qualité, redimensionnement — pour obtenir des fichiers légers sans perte visible.
Règle n°1 : redimensionnez avant de compresser
Le plus grand gain d'optimisation est de livrer l'image à sa taille d'affichage. Une photo iPhone de 4032×3024 affichée dans une carte de 400 px gaspille 99% des pixels. Redimensionnez à 2× la largeur d'affichage (800 px pour 400 px en retina), puis compressez.
Choisissez le bon format
- JPEG — universel, parfait pour les photos, pas de transparence.
- PNG — sans perte, avec transparence, énorme pour les photos. Pour captures d'écran et logos.
- WebP — 25–35% plus petit que JPEG à qualité égale, tous les navigateurs modernes.
- AVIF — 50% plus petit que JPEG, meilleure qualité-par-octet aujourd'hui.
- SVG — vectoriel, minuscule pour icônes et logos. Pas pour les photos.
Réglages de qualité efficaces
Pour JPEG, la qualité 75–85 est le point idéal. Qualité 100 stocke le bruit du capteur ; personne ne voit la différence. WebP est plus tolérant — qualité 70 en WebP ressemble à qualité 85 en JPEG.
Étape par étape dans le navigateur
- Ouvrez le Compresseur d'Images.
- Déposez vos images. Tout se passe localement.
- Si l'original est bien plus grand que nécessaire, redimensionnez d'abord.
- Choisissez une qualité cible (commencez à 80 pour JPEG/WebP).
- Prévisualisez à 100% — cherchez les bandes et halos.
- Téléchargez. Refaites à qualité moindre si le résultat reste propre.
À NE PAS faire
- Ne réencodez pas un JPEG à qualité supérieure à l'original.
- Ne compressez pas le même JPEG plusieurs fois.
- N'utilisez pas PNG pour les photos — fichiers 3–10× plus gros.
- Ne comptez pas sur CSS
width/heightpour cacher une image énorme.
Mesurer le gain
Lancez PageSpeed Insights avant/après. LCP s'améliore le plus souvent.
Essayez ces outils sur Toolzer
Questions fréquentes
Quel est le meilleur format pour le web ?+
WebP pour les photos et AVIF là où c'est supporté — les deux donnent des fichiers 25–50% plus petits que JPEG. PNG seulement quand vous avez besoin de transparence sans perte ; SVG pour logos et icônes.
Jusqu'où puis-je compresser sans perte visible ?+
Pour les photos, qualité JPEG 75–85 est idéale : artefacts à peine visibles, 50–70% plus petit que qualité 100. Sous 60, des bandes apparaissent dans les ciels.
Avec ou sans perte ?+
Sans perte (PNG, WebP-lossless) préserve chaque pixel — obligatoire pour captures d'écran et diagrammes. Avec perte (JPEG, WebP, AVIF) supprime le détail imperceptible et convient aux photographies.
Pourquoi mon image compressée reste énorme ?+
Généralement parce qu'elle est beaucoup plus grande que nécessaire. Une photo de 4000×3000 affichée à 800 px doit être redimensionnée à 1600×1200 avant compression.
La compression affecte-t-elle le SEO ?+
Oui — Core Web Vitals pénalise un LCP lent, et les images sont souvent l'élément le plus lourd. Servir des images correctement dimensionnées peut faire passer une page de « médiocre » à « bon ».
La compression en ligne est-elle sûre ?+
Les outils dans le navigateur comme Toolzer n'envoient jamais votre image. Les outils serveur si — évitez-les pour tout contenu privé.