Comment compresser des images pour le web (sans détruire la qualité)
La vitesse de page est un facteur de classement Google, et les images représentent généralement 50-80% du poids total d'une page. Compresser correctement vos images est la chose la plus impactante que vous puissiez faire pour la performance de votre site.
Prêt à optimiser ? Essayez maintenant - gratuit, sans inscription.
Smart Compress - Auto-Optimiser →Pourquoi la compression d'images est importante
- 53% des utilisateurs mobiles quittent une page qui met plus de 3 secondes à charger (Google)
- Chaque 100ms d'amélioration du temps de chargement augmente les conversions de 1% (Deloitte)
- Les Core Web Vitals impactent directement le classement Google - le LCP est presque toujours une image
- La page web moyenne sert 1,5 Mo d'images - dont la plupart ne sont pas optimisées
La checklist de compression d'images
- Choisissez le bon format : WebP pour le web, JPG pour les photos, PNG uniquement quand vous avez besoin de transparence et ne pouvez pas utiliser WebP
- Redimensionnez d'abord : Ne servez pas une image 4000px dans un conteneur 800px. Redimensionnez vos images à la taille d'affichage (ou 2x pour retina).
- Compressez : Utilisez une qualité 75-85 pour les formats avec perte. La plupart des utilisateurs ne voient pas la différence.
- Utilisez WebP : Convertissez en WebP pour une réduction instantanée de 25-35%.
- Chargement différé : Ajoutez
loading="lazy"aux images sous le pli. - Spécifiez les dimensions : Incluez toujours les attributs
widthetheightpour éviter le décalage de mise en page.
Outils de compression gratuits
- Smart Compress : Trouve automatiquement le réglage de qualité optimal. Fonctionne entièrement dans votre navigateur.
- Compress WebP : Contrôle manuel de la qualité pour les images WebP.
- Conversion en masse : Convertissez et compressez plusieurs images à la fois.
Tableau de référence des réglages de qualité
| Cas d'usage | Qualité JPG | Qualité WebP | Notes |
|---|---|---|---|
| Images hero | 85-90 | 80-85 | Visible, fort impact |
| Images de blog | 75-85 | 70-80 | Équilibre qualité/performance |
| Miniatures | 60-75 | 55-70 | Petit affichage = qualité réduite OK |
| Images de fond | 50-70 | 45-65 | Souvent floutées - compression agressive OK |
Questions fréquentes
De combien puis-je compresser une image sans perdre en qualité ?
Pour JPG/WebP avec perte : une qualité 75-85 est généralement visuellement indiscernable de l'original. En dessous de 60, les artefacts de compression deviennent visibles.
Dois-je compresser les images avant ou après l'upload dans mon CMS ?
Avant. Bien que certains CMS (WordPress, Shopify) compressent les images à l'upload, ils ne convertissent pas en WebP par défaut. La pré-compression vous donne un contrôle total sur la qualité et le format.
Quelle est la taille idéale d'image pour les pages web ?
Visez moins de 200 Ko par image pour le contenu général, et moins de 500 Ko pour les images hero/bannière. Le poids total des images d'une page devrait rester sous 1,5 Mo pour de bons scores Core Web Vitals.
Convertissez vos images maintenant - 100% gratuit, fonctionne dans votre navigateur.
Smart Compress - Auto-Optimiser →