Optimiser et compresser les images WordPress : guide complet 2026

Sur un site WordPress moyen, les images représentent 60 à 75 % du poids total des pages. C’est de loin le poste le plus rentable à optimiser quand on veut améliorer le score Core Web Vitals, l’expérience utilisateur, et indirectement le référencement. Voici les approches éprouvées en 2026, des plus simples aux plus avancées.

Diagnostic rapide

Avant d’attaquer, mesurez. Trois outils gratuits suffisent :

• PageSpeed Insights (pagespeed.web.dev) — donne les scores Web Vitals desktop et mobile, met en évidence les images problématiques.
• GTmetrix — décompose le waterfall et montre l’ordre de chargement.
• Le devtools Network du navigateur — filtrer sur « Img » donne la liste exacte des images servies, avec leur poids et leur format.

Critères pour considérer qu’une image est « grosse » :

• > 200 Ko pour une image dans un article.
• > 500 Ko pour une image hero plein écran.
• > 50 Ko pour une miniature ou un avatar.

Si vous trouvez des images de plusieurs mégaoctets dans la liste, vous avez votre point d’entrée.

Approche 1 — Réglages WordPress natifs (gratuit)

Avant d’installer le moindre plugin, WordPress propose déjà plusieurs leviers gratuits.

Activer les images responsives

WordPress génère automatiquement plusieurs tailles à l’upload (thumbnail, medium, large, full). La balise <img> produite par le thème devrait inclure un srcset qui sert la bonne taille selon l’écran. Vérifiez-le dans le code source d’une page :

<img src="grande-image.jpg"
     srcset="grande-image-300x200.jpg 300w,
             grande-image-768x512.jpg 768w,
             grande-image-1200x800.jpg 1200w" ...>

Si votre thème ne génère pas de srcset, c’est le premier problème à régler.

Limiter la taille maximale d’upload

Dans wp-admin → Réglages → Médias, fixez la taille « Grande » à des dimensions réalistes (par exemple 1600 px). Inutile que WordPress conserve une copie de votre photo originale en 6000×4000 px si elle ne s’affichera jamais au-delà de 1600.

Lazy loading natif

Depuis WordPress 5.5, les images sous la ligne de flottaison reçoivent automatiquement loading="lazy". Vérifiez que votre thème ne le supprime pas. Pour la fameuse image LCP (au-dessus du pli), ajoutez fetchpriority="high" à la place.

Approche 2 — Compression à l’upload (plugins)

Plusieurs plugins gratuits compressent automatiquement chaque image que vous uploadez :

• ShortPixel — gratuit jusqu’à 100 images/mois, payant ensuite. Compression côté serveur, propre.
• Imagify — par WP Rocket, gratuit jusqu’à 25 Mo/mois.
• Smush — gratuit illimité en mode lossless basique, payant pour le mode agressif.
• EWWW Image Optimizer — gratuit, se charge de l’optimisation côté serveur sans envoyer les fichiers à un tiers (utile pour la conformité RGPD).

Recommandation pratique : EWWW si la conformité RGPD est critique (l’optimisation est locale au serveur), ShortPixel ou Imagify pour les meilleurs taux de compression.

Approche 3 — Convertir vers WebP (gros levier)

C’est souvent l’optimisation la plus rentable. Un site avec 1000 images en JPG passe typiquement de 300 Mo à 90 Mo en convertissant tout en WebP qualité 80, sans perte visuelle.

Plugins de conversion WebP :

• WebP Express — gratuit, convertit à la volée et sert la bonne version selon le navigateur via .htaccess. La référence pour beaucoup de sites.
• Converter for Media (anciennement WebP Converter) — interface plus simple, conversion en batch.
• ShortPixel et Imagify offrent aussi la génération WebP en plus de la compression.

Comment ça fonctionne : le plugin génère une version .webp de chaque image, puis le serveur sert le .webp aux navigateurs qui le supportent (96 %+ aujourd’hui), et l’image originale aux anciens.

Aucune intervention sur votre contenu : vos balises <img> continuent de pointer vers le fichier JPG, le serveur fait la substitution.

Approche 4 — Aller jusqu’à l’AVIF

Le format AVIF est encore 20 à 30 % plus léger que le WebP. En 2026, son support couvre plus de 93 % des utilisateurs.

Plugins compatibles AVIF :

• ShortPixel Adaptive Images — gère AVIF + WebP avec fallback automatique.
• Optimole — conversion AVIF côté CDN.
• Cloudflare Polish (option du CDN Cloudflare) — convertit à la volée.

Limite à connaître : l’encodage AVIF est lent côté serveur. Sur un VPS modeste, optimiser un catalogue de 5000 images peut prendre plusieurs heures. Faites-le en batch hors heures de pointe, ou laissez le CDN s’en charger.

Approche 5 — CDN avec optimisation intégrée

Au lieu d’optimiser chaque fichier sur votre serveur, vous pouvez confier ce travail à un CDN qui le fait à la volée :

• Cloudflare Polish + Mirage — inclus dans le plan Pro de Cloudflare, optimise et convertit en WebP/AVIF automatiquement.
• BunnyCDN Optimizer — payant, très efficace.
• ImageKit / Cloudinary — services dédiés à l’optimisation d’images, gratuits jusqu’à un certain volume.

Avantage : zéro intervention sur WordPress, performance garantie même si un éditeur upload une image de 10 Mo.

Inconvénient : dépendance à un tiers, coût récurrent au-delà du gratuit.

Approche 6 — Optimisation manuelle avant upload

L’option la plus chirurgicale : compresser et redimensionner avant l’upload, à la main.

Notre outil de compression permet de batcher des dizaines d’images directement dans votre navigateur, sans aucun envoi sur un serveur. Pour WordPress, la recette qui fonctionne dans 90 % des cas :

1. Redimensionner à 1600 px de large maximum (largeur typique d’un thème en plein écran).
2. Convertir en WebP qualité 85.
3. Renommer avec des mots-clés (paysage-bretagne-2026.webp plutôt que IMG_4287.jpg) — bénéfique au SEO.
4. Uploader dans la médiathèque.

Avec cette approche, chaque image arrive déjà optimisée. Vous n’avez plus besoin de plugin de compression côté WordPress.

Recettes par type de site

Blog éditorial

• Cible : 50-150 Ko par image d’article.
• Méthode : ShortPixel + WebP Express, redimensionnement à 1200 px.
• Bonus : lazy loading natif, fetchpriority="high" sur l’image vedette.

E-commerce WooCommerce

• Cible : 80-200 Ko par photo produit, 30-60 Ko par miniature de catalogue.
• Méthode : ShortPixel Adaptive Images (sert WebP/AVIF selon le client).
• Bonus : ajouter decoding="async" sur les images sous le pli, dimensions explicites pour éviter le CLS.

Portfolio photo / créatif

• Cible : 200-500 Ko par image (la qualité prime sur le poids).
• Méthode : conversion AVIF qualité 75-80, fallback WebP, fallback JPG.
• Bonus : galerie progressive avec placeholders flous (LQIP) pour donner une impression de chargement instantané.

Site vitrine TPE / artisan

• Cible : moins de 100 Ko par image (peu d’images, simplicité avant tout).
• Méthode : compression manuelle pré-upload via notre outil de compression, redimensionner à 1200 px, format WebP qualité 85.
• Bonus : pas besoin de plugin, performance maximale, hébergement minimal.

Outils de mesure pour valider

Après chaque optimisation, re-mesurez :

• Lighthouse (intégré à Chrome devtools) — score Performance + Web Vitals.
• WebPageTest — vue détaillée par localisation et type de connexion.
• Search Console → Expérience sur la page — Google montre vos vraies données utilisateurs (Core Web Vitals).

Visez :

• LCP < 2,5 s (image principale au-dessus du pli rapide à charger).
• CLS < 0,1 (pas de saut de mise en page lors du chargement).
• Page totale < 1 Mo sur mobile pour rester confortable.

Conseils transverses

• Toujours fournir width et height sur la balise <img> (évite le Cumulative Layout Shift).
• Tirer parti du loading="lazy" sur tout ce qui n’est pas critique en LCP.
• Servir les bonnes dimensions via srcset — pas la peine d’envoyer une image 2000 px à un téléphone qui en affiche 400.
• Compresser une seule fois — si vous chaînez plusieurs plugins de compression, vous risquez de cumuler les pertes.
• Auditer les anciens contenus — un site WP de 5 ans contient souvent 70 % de la photothèque uploadée sans aucune optimisation.

En résumé

L’ordre d’attaque idéal :

1. Diagnostiquer avec PageSpeed Insights et identifier les pages les plus lourdes.
2. Limiter la taille « Grande » dans Réglages → Médias.
3. Installer un plugin d’optimisation à l’upload (EWWW ou ShortPixel).
4. Activer la conversion WebP via WebP Express ou équivalent.
5. Pour aller plus loin : CDN avec optimisation intégrée ou compression manuelle pré-upload.

Vous obtenez typiquement −60 à −80 % de poids total sur une médiathèque WordPress non optimisée, avec un travail de quelques heures et zéro impact visible pour vos visiteurs.