Comment compresser des images pour WordPress – Accélérez votre site en 5 minutes

WordPress rend dangereusement facile le téléchargement d’images volumineuses. Vous faites glisser une photo de votre téléphone vers la médiathèque, WordPress génère quelques tailles de vignettes et vous l'insérez dans une publication. Le problème : votre téléphone prend des photos à une résolution de 12 à 48 mégapixels, produisant des fichiers de 4 000 à 8 000 pixels de large et de 3 à 8 Mo chacun. WordPress peut afficher cette image sur 800 pixels de large dans votre message, mais il charge toujours l'original en taille réelle en arrière-plan, à moins que votre thème ne soit configuré correctement.

Multipliez cela par 5 à 10 images dans un article de blog typique, ajoutez l'image d'en-tête de votre thème, les images de la barre latérale et toutes les images d'arrière-plan, et vous diffusez facilement 20 à 40 Mo de données d'image par page. Même sur des connexions rapides, cela prend 2 à 4 secondes rien que pour les images. Sur les connexions mobiles, c'est bien pire.

Avant de vous soucier de la compression, déterminez les bonnes dimensions. La plupart des thèmes WordPress ont une zone de contenu de 700 à 1 200 pixels de large. Télécharger une photo de 5 000 pixels de large pour un conteneur de 900 pixels est un pur gaspillage. Redimensionnez vos images pour correspondre à la largeur du contenu de votre thème. Pour les articles de blog standard, une largeur de 1 200 pixels est généralement le maximum dont vous aurez besoin. Pour les images de héros pleine largeur, 1 920 pixels suffisent pour pratiquement tous les écrans.

Images en vedette : 1200 x 630 pixels (cela fonctionne également parfaitement pour le partage sur les réseaux sociaux). Images des articles de blog : 800-1200 pixels de large, proportionnel à la hauteur. Bannières pleine largeur : 1920 x 600-800 pixels. Miniatures : WordPress les génère automatiquement, mais vous pouvez contrôler les tailles dans Paramètres > Médias. Obtenir les dimensions juste avant le téléchargement réduit généralement la taille du fichier de 60 à 80 % avant même qu'une compression ne soit appliquée.

De nombreux utilisateurs de WordPress s'appuient sur des plugins comme Smush ou ShortPixel pour compresser les images après le téléchargement. Ceux-ci fonctionnent, mais ils ajoutent de la charge au serveur, nécessitent parfois des forfaits payants pour les grandes bibliothèques, et vous téléchargez toujours en premier les originaux surdimensionnés. Une meilleure approche : compressez vos images avant de les télécharger à WordPress. Redimensionnez aux dimensions correctes, compressez à une qualité de 75 à 85 % et la photo de votre téléphone de 6 Mo devient une image de 150 Ko prête pour le Web. Téléchargez-le directement.

Si vous avez des publications existantes avec des images non optimisées, un plugin peut vous aider à optimiser en masse. Mais pour chaque nouveau message à venir, compressez avant de télécharger. C'est plus rapide, vous donne plus de contrôle sur la qualité et ne dépend pas du maintien d'un plugin actif.

WordPress prend en charge les téléchargements WebP de manière native depuis la version 5.8, et la prise en charge AVIF a été ajoutée dans WordPress 6.5. Les images WebP sont environ 30 % plus petites que les images JPEG équivalentes, ce qui signifie que chaque image de votre site se charge plus rapidement sans aucune différence de qualité visible. Convertissez vos images en WebP avant le téléchargement, ou utilisez un plugin qui sert automatiquement les versions WebP aux navigateurs qui le prennent en charge (qui sont tous les navigateurs modernes en 2026).

WordPress 5.5+ ajoute automatiquement un chargement paresseux aux images, ce qui signifie que les images situées en dessous du pli ne se chargent pas tant que le visiteur ne les fait pas défiler. Il s’agit d’une amélioration considérable pour les pages contenant de nombreuses images : le chargement initial de la page n’a besoin que de récupérer les images visibles à l’écran. Assurez-vous que votre thème ne désactive pas cette fonctionnalité. Vous pouvez vérifier en inspectant la source de votre page et en recherchant chargement="paresseux" attributs sur vos balises img.

WordPress génère également un balisage d'image réactif à l'aide de l'attribut srcset, qui sert différentes tailles d'image en fonction de l'écran du visiteur. Cela signifie qu'un visiteur mobile obtient un fichier image plus petit qu'un visiteur de bureau. Mais cela ne fonctionne bien que si vous téléchargez des images à une taille de départ raisonnable : WordPress peut proposer des versions plus petites d'une image de 1 200 px, mais il ne peut pas proposer des versions plus petites d'une image de 400 px. Visez une largeur de 1 200 à 1 920 pixels comme taille de téléchargement et laissez WordPress gérer le reste.

La version de cinq minutes : redimensionnez les images à 1 200 px de large, compressez-les à 80 % de qualité au format WebP, téléchargez-les sur WordPress et assurez-vous que le chargement différé est activé. Faites cela pour vos cinq prochains articles de blog, puis vérifiez votre score Google PageSpeed ​​Insights. L'amélioration est généralement spectaculaire : nous parlons d'un bond de 20 à 40 points sur les scores de performances mobiles grâce à la seule optimisation des images.