Optimiser les images sur WordPress : la méthode complète

Les images pèsent souvent plus de la moitié du poids d’une page WordPress. Mal préparées, elles plombent le temps de chargement, dégradent les Core Web Vitals et font fuir les visiteurs avant même que le texte s’affiche. Bien optimisées, elles deviennent invisibles côté performance et restent nettes côté visuel. Voici la méthode que j’applique sur mes sites WordPress, du choix du format à la mise en ligne, sans plugin compliqué.

Choisir le bon format : JPEG, PNG, WebP, AVIF

Le format conditionne 80 % du poids final. Avant toute compression, posez-vous la bonne question : photo, illustration, logo ou capture d’écran ? La réponse impose le format.

• JPEG : le format des photos. Compression avec perte, fichiers légers, pas de transparence. Parfait pour une photo de produit, un visuel d’ambiance, une bannière.
• PNG : pour les logos, icônes, captures d’écran avec texte ou transparence. Sans perte, donc plus lourd, mais le rendu reste net même sur les zones uniformes.
• WebP : développé par Google, il pèse en moyenne 25 à 35 % de moins qu’un JPEG équivalent. Supporté par tous les navigateurs récents (Chrome, Firefox, Safari, Edge).
• AVIF : encore plus léger que WebP (jusqu’à 50 % de moins qu’un JPEG), mais plus lent à encoder et pas encore lu par tous les anciens navigateurs. À réserver aux sites qui peuvent servir un fallback automatique.

En pratique sur WordPress, le bon réflexe est de garder un JPEG ou PNG comme source, puis de laisser un plugin générer la version WebP servie automatiquement aux navigateurs compatibles. Vous gardez la main sur l’original, le visiteur reçoit la version la plus légère que son navigateur sait afficher.

Redimensionner avant d’envoyer dans la médiathèque

C’est l’étape que la plupart des sites sautent. Une image de 4000 pixels de large affichée dans une colonne de 800 pixels reste une image de 4000 pixels téléchargée par le navigateur. Le redimensionnement amont est plus efficace que n’importe quelle compression.

Quelques largeurs cibles selon l’usage sur un site WordPress classique :

• Image en pleine largeur de contenu : 1200 à 1600 pixels.
• Image illustrative dans un article : 800 à 1000 pixels.
• Vignette ou miniature : 300 à 600 pixels.
• Logo ou icône : exporter à la taille réelle d’affichage, pas plus.

Pour redimensionner sans installer de logiciel, Squoosh (l’outil web de Google) ou Photopea font le travail dans le navigateur. Côté logiciel local, GIMP ou l’aperçu de macOS suffisent largement. Visez un poids final inférieur à 200 Ko pour une image illustrative, et idéalement sous 100 Ko quand c’est possible.

Compresser sans abîmer la qualité

Une fois les dimensions calées, la compression fait le reste du travail. Deux approches selon vos besoins :

• Compression sans perte : le fichier devient plus léger sans toucher à la qualité visuelle. Gain modéré, mais sécurisant pour les logos, captures et PNG.
• Compression avec perte : un algorithme retire les détails que l’œil ne perçoit pas. Gain massif (parfois 70 à 80 %) sur les photos, avec une légère baisse de qualité que la plupart des visiteurs ne remarquent pas.

Pour les photos JPEG, une compression avec perte réglée autour de 75 à 85 % de qualité donne le meilleur compromis. En dessous de 70 %, les artefacts deviennent visibles dans les zones de ciel ou les dégradés. Pour les PNG, restez en sans perte : un PNG compressé avec perte produit souvent un rendu sale.

Les plugins WordPress qui automatisent tout

WordPress n’embarque pas d’optimisation poussée par défaut. Un plugin dédié prend le relais : il compresse à l’upload, génère les versions WebP, sert le bon format selon le navigateur, et garde une copie de l’original au cas où.

• Imagify : édité par WP Media (les créateurs de WP Rocket). Trois niveaux de compression, conversion WebP automatique, restauration des originaux. Version gratuite limitée en volume mensuel, version payante au quota.
• ShortPixel : très efficace sur les gros volumes, gère AVIF en plus de WebP, compatible CDN. Tarification au crédit, plus souple si vous traitez ponctuellement de grosses bibliothèques.
• EWWW Image Optimizer : optimisation locale sur le serveur, sans envoi vers une API externe. Intéressant si vous tenez à garder vos images sur votre infrastructure.
• Smush : la version gratuite reste correcte pour démarrer, l’upgrade Pro débloque la conversion WebP et la compression avec perte.

Le bon plugin est celui qui correspond à votre volume mensuel d’images et à votre budget. Pour un blog qui publie deux ou trois articles par semaine, la version gratuite d’Imagify ou Smush couvre les besoins. Pour un site e-commerce avec des centaines de photos produits, un abonnement ShortPixel ou Imagify Pro devient rentable.

Activer le lazy loading et les images responsives

Depuis WordPress 5.5, le lazy loading natif est activé par défaut sur toutes les images via l’attribut loading="lazy". Concrètement, une image située en bas de page n’est téléchargée que lorsque le visiteur fait défiler jusqu’à elle. Sur un long article, le gain au chargement initial peut atteindre 1 à 2 secondes.

WordPress génère également plusieurs tailles d’image à l’upload (thumbnail, medium, large, full) et les sert via l’attribut srcset. Le navigateur choisit automatiquement la version la mieux adaptée à la taille de l’écran. Un mobile télécharge la version 600 pixels, un grand écran reçoit la version 1200 pixels. Vous n’avez rien à configurer : le système fonctionne dès qu’une image est insérée par l’éditeur.

Une exception à connaître : l’image principale en haut de page (souvent l’image à la une) ne devrait pas être en lazy loading. Elle fait partie du Largest Contentful Paint mesuré par Google, et la charger en différé pénalise votre score Core Web Vitals. La plupart des thèmes récents gèrent cette exception, mais vérifiez le code source de votre page d’accueil au besoin.

Soigner les attributs alt pour le SEO et l’accessibilité

L’attribut alt décrit une image en quelques mots. Il sert deux publics : les lecteurs d’écran utilisés par les personnes malvoyantes, et les moteurs de recherche qui s’appuient dessus pour comprendre le contenu visuel. Une image sans alt est aveugle pour Google et invisible pour une partie de votre audience.

Quelques règles simples pour rédiger un bon alt :

• Décrivez ce qu’on voit, pas ce qu’on imagine. « Tableau de bord WordPress avec menu Réglages ouvert » plutôt que « interface WordPress ».
• Restez sous 125 caractères. Au-delà, certains lecteurs d’écran tronquent.
• Glissez le mot-clé principal de l’article quand c’est naturel, jamais en force.
• Pour une image purement décorative (séparateur, ornement), laissez l’alt vide (alt="") plutôt que d’inventer une description.

Dans la médiathèque WordPress, le champ Texte alternatif renseigne directement cet attribut. Pensez aussi à nommer correctement vos fichiers avant l’upload : tableau-de-bord-wordpress.jpg est plus utile que IMG_4382.jpg, autant pour Google que pour vous quand vous cherchez l’image six mois plus tard.

Mesurer l’impact sur la performance

Avant et après optimisation, mesurez. Sans chiffres, impossible de savoir si vos efforts paient. Trois outils gratuits suffisent :

• PageSpeed Insights (Google) : score Core Web Vitals, recommandations détaillées sur les images surdimensionnées ou non compressées.
• GTmetrix : visualisation du waterfall qui montre image par image le poids et le temps de téléchargement.
• WebPageTest : test depuis plusieurs localisations géographiques, utile si votre audience n’est pas qu’en France.

Ciblez un LCP sous 2,5 secondes et un poids total de page sous 1,5 Mo en moyenne. Sur un article où les images représentent 60 à 70 % du poids, passer d’images à 800 Ko à des WebP à 150 Ko fait basculer la page de « lente » à « rapide » sans toucher au reste.

L’optimisation des images n’est pas un travail ponctuel : chaque nouvel article réintroduit le risque. Mieux vaut automatiser une bonne fois la chaîne (redimensionnement avant upload, plugin de compression, conversion WebP) que rattraper au coup par coup. Pour aller plus loin sur la rapidité globale, consultez le guide complet sur l’optimisation de la vitesse d’un site WordPress et, côté serveur, sur l’activation de LiteSpeed sur o2switch.

Foire aux questions

Quel format d’image utiliser sur WordPress en 2026 ?

WebP est le meilleur compromis : 25 à 35 % plus léger qu’un JPEG équivalent, supporté par tous les navigateurs récents. Gardez vos JPEG ou PNG en source et laissez un plugin générer les WebP automatiquement à l’upload.

Quelle taille maximale pour une image dans un article WordPress ?

1200 à 1600 pixels de large pour une image en pleine largeur de contenu, 800 à 1000 pixels pour une illustration classique. Au-delà, vous téléchargez des pixels que personne ne voit. Visez un poids inférieur à 200 Ko par image.

Faut-il installer un plugin pour optimiser les images ?

Pas obligatoire, mais fortement recommandé. WordPress ne compresse pas les images à l’upload et ne génère pas de WebP par défaut. Imagify, ShortPixel ou EWWW Image Optimizer automatisent tout, y compris la conversion vers WebP.

Le lazy loading est-il automatique sur WordPress ?

Oui, depuis WordPress 5.5. Toutes les images du contenu reçoivent l’attribut loading="lazy" et ne sont chargées qu’au scroll. Exception à vérifier : l’image principale en haut de page ne doit pas être en lazy loading pour préserver le score LCP.

Comment savoir si mes images ralentissent mon site ?

Lancez un test sur PageSpeed Insights ou GTmetrix. Les outils listent les images surdimensionnées, non compressées ou servies dans un format obsolète. Un poids total de page au-dessus de 2 Mo signale presque toujours un problème côté images.

L’attribut alt influence-t-il vraiment le référencement ?

Oui, c’est un des signaux que Google utilise pour comprendre le contenu visuel d’une page. Un alt descriptif, naturel et glissant le mot-clé principal quand c’est pertinent, améliore le positionnement sur la recherche universelle et sur Google Images.

AVIF est-il prêt pour un site WordPress en production ?

AVIF est plus léger que WebP mais reste encore mal lu par les anciens Safari et Edge. Si vous l’activez, assurez-vous que votre plugin sert un fallback automatique vers WebP ou JPEG. ShortPixel gère cette logique sans configuration.