Comment compresser des images pour WordPress

Les images contribuent le plus au poids de la page WordPress. Un article de blog non optimisé contenant 5 à 10 photos peut facilement dépasser 5 Mo, détruisant les scores Core Web Vitals et faisant fuir les visiteurs. Voici comment y remédier.

Statistique clé : Une étude de Google montre que 53 % des utilisateurs mobiles abandonnent les pages dont le chargement prend plus de 3 secondes. Les images représentent 50 à 70 % du poids total des pages sur la plupart des sites WordPress.

Option 1 : WordPress Plugins (automatisés)

L'approche la plus simple consiste à installer un plugin de compression qui optimise automatiquement les images lors du téléchargement.

Meilleurs WordPress Plugins de compression d'images

PluginNiveau gratuitPrise en charge WebPOptimisation groupée
Pixel court100 images/moisOuiOui
Smush50 images/lotPro uniquementOui
Imaginer20 Mo/moisOuiOui
Optimiseur d'image EWWWIllimité (de base)OuiOui

✅ Recommandation

ShortPixel offre le meilleur équilibre entre quota gratuit, qualité et génération WebP. EWWW est idéal si vous souhaitez une compression gratuite et illimitée avec une optimisation légèrement moins agressive.

Option 2 : Compresser avant de télécharger (manuel)

Pour plus de contrôle, compressez les images avant de les télécharger sur WordPress :

  1. Redimensionnez les images en fonction de la largeur du contenu de votre thème (généralement 1 200 à 1 600 px de large)
  2. Compressez avec un outil basé sur un navigateur tel que Compresser l'image avec une qualité de 75 à 82 %
  3. Convertir en WebP si votre thème le prend en charge
  4. Téléchargez les versions optimisées sur WordPress

Cette approche vous donne un contrôle total sur la qualité et maintient votre serveur exempt d'originaux non optimisés.

Option 3 : Optimisation côté serveur/CDN

Des services comme Cloudflare Polish, imgix ou Cloudinary peuvent optimiser les images à la volée à la périphérie du CDN :

Essentiel WordPress Paramètres d'image

  1. Ajouter un chargement paresseux : WordPress 5.5+ ajoute loading="lazy" par défaut, mais vérifiez que votre thème ne le remplace pas
  2. Définissez les dimensions correctes : Toujours inclure width et height attributs sur <img> balises pour empêcher les changements de mise en page (CLS)
  3. Désactivez les tailles inutilisées : WordPress génère plusieurs tailles de vignettes. Désactivez les tailles que vous n'utilisez pas functions.php
  4. Servir WebP : Utilisez un plugin ou .htaccess règles pour servir WebP aux navigateurs prenant en charge

Mesurer l'impact

Après optimisation, testez vos résultats avec :

🔧 Compresser les images avant de les télécharger — Gratuit et privé

Déposez vos images WordPress ici et obtenez des versions optimisées en quelques secondes. Aucun plugin nécessaire, fonctionne dans votre navigateur.

Ouvrir l'image compressée →

Conclusion

Le flux de travail d'image WordPress le plus rapide combine la compression avant téléchargement avec un plugin pour plus de sécurité. Redimensionnez à la largeur de votre contenu, compressez à une qualité de 75 à 82 %, convertissez en WebP et laissez un plugin récupérer tout ce que vous manquez. Vos Core Web Vitals vous remercieront.