Les images représentent plus de 50 % du poids moyen d’une page sur le web. Un site lent est donc presque toujours un problème d’images. Bien compresser les images est l’action au meilleur ROI pour la performance web, les Core Web Vitals — et par extension le référencement.
Les Core Web Vitals de Google utilisent le Largest Contentful Paint (LCP) comme signal de classement principal. Le LCP mesure le temps d’apparition de l’image principale. Une image héros non compressée de 3 Mo peut à elle seule causer un LCP >4 secondes — classé « Médiocre » — au détriment de votre classement.
| Format | Meilleur cas d’usage | Support navigateur | Taille vs JPEG |
|---|---|---|---|
| WebP | Toutes les images web (photos + graphiques) | 97 %+ des navigateurs | 25–34 % plus léger |
| AVIF | Photos, images haute fidélité | ~85 % (pas IE/Safari 15) | 40–50 % plus léger |
| JPEG | Photos (repli) | Universel | Référence |
| PNG | Logos, captures, transparence | Universel | Souvent 3–5× plus lourd que JPEG |
| SVG | Icônes, logos, illustrations | Universel | Indépendant de la résolution |
| GIF | À éviter — utilisez WebP animé ou vidéo | À éviter | Jusqu’à 10× plus lourd que WebP |
<picture> avec un repli AVIF → WebP → JPEG. Cela sert le meilleur format pris en charge par chaque navigateur sans sacrifier la compatibilité.
<picture>
<source srcset="img.avif" type="image/avif">
<source srcset="img.webp" type="image/webp">
<img src="img.jpg" alt="...">
</picture>| Type d’image | Largeur max | Taille cible (WebP) | Taille cible (JPEG) |
|---|---|---|---|
| Héros / bannière | 1920 px | <150 KB | <200 KB |
| Image à la une d’article | 1200 px | <80 KB | <120 KB |
| Image produit (e-commerce) | 800 px | <60 KB | <100 KB |
| Miniature / image de carte | 400 px | <20 KB | <35 KB |
| Avatar / photo de profil | 200 px | <10 KB | <15 KB |
| Arrière-plan (plein écran) | 1440 px | <100 KB | <150 KB |
Ne servez jamais une image de 4000 px de large dans une colonne de 800 px. Redimensionnez d’abord à la largeur d’affichage maximale. Pour le retina/HiDPI, utilisez 2× la taille d’affichage CSS — une colonne de 400 px reçoit une image de 800 px, puis compressez fortement.
Pour une confidentialité et une vitesse maximales, utilisez ImgMin — tout le traitement se fait dans votre navigateur. Glissez jusqu’à 10 images, compressez, téléchargez en ZIP. Sans téléversement, sans limites, sans compte.
Pour les workflows côté serveur (CI/CD, CMS), des outils comme Sharp (Node.js), Pillow (Python) ou cwebp (CLI) sont d’excellentes options d’automatisation.
Ajoutez loading="lazy" à toutes les images sous la ligne de flottaison. Cela diffère le chargement jusqu’à ce que l’utilisateur approche de l’image, économisant de la bande passante et améliorant nettement le temps de chargement initial.
Spécifiez toujours les attributs width et height sur vos balises <img>. Cela réserve l’espace dans la mise en page et évite le Cumulative Layout Shift (CLS) — une autre métrique Core Web Vitals qui affecte le SEO.
Si vous êtes sur Cloudflare, Vercel ou AWS CloudFront, activez l’optimisation automatique des images. Ces services peuvent servir du WebP aux navigateurs modernes et mettre en cache les versions optimisées sur des nœuds edge dans le monde entier — réduisant nettement la latence.
add_image_size() de votre thème pour correspondre aux tailles d’affichage réelles_800x.jpg pour servir des images correctement dimensionnéesLe WebP est le meilleur choix par défaut pour 2026 — 25–34 % plus léger que le JPEG à qualité égale, pris en charge par 97 %+ des navigateurs. Utilisez l’AVIF pour une compression encore meilleure si votre audience est sur Chrome ou Firefox modernes. Gardez JPEG/PNG en repli.
Images héros : moins de 200 Ko. Images de contenu : moins de 100 Ko. Miniatures : moins de 30 Ko. Images de fond : moins de 150 Ko. Ce sont des cibles WebP/JPEG — votre seuil exact dépend de la complexité de l’image.
Oui, directement. Google utilise les Core Web Vitals (LCP, CLS) comme signaux de classement. Les grandes images non compressées sont la première cause de LCP lents. Compresser les images améliore la vitesse, réduit le taux de rebond et peut sensiblement améliorer le classement — surtout sur mobile.
Compressez par lot jusqu’à 10 images à la fois. Sans téléversement, sans compte, sans limites.
Compresser des images maintenant →Dernière mise à jour : avril 2026. Pourcentages de support navigateur issus de caniuse.com.