Tous les services opérationnels Devise EUR Aucun frais de mise en service Vous êtes à La Réunion ?
‹ WordPress

Optimiser les images de WordPress

Pour optimiser les images de WordPress, réduisez-les à la taille d'affichage avant de les envoyer, compressez-les, et préférez les formats WebP ou AVIF quand votre serveur les accepte. WordPress fait le reste : il crée plusieurs tailles de chaque image, sert au téléphone la plus petite qui convient, et ne charge les images du bas de page qu'au défilement. Une photo envoyée telle qu'elle sort de l'appareil pèse souvent plusieurs mégaoctets, et c'est elle qui ralentit la page.

Par Jonathan Dewaele · publié le

Les comportements de WordPress cités ici viennent de sa documentation, relue le 14 octobre 2026 : Settings Media, Responsive Images et les notes de version citées plus bas. Les libellés sont ceux de l'administration en français, qui peuvent varier légèrement d'une version à l'autre.

1. Redimensionner avant d'envoyer

WordPress garde toujours le fichier envoyé, même s'il en fabrique des copies plus petites. Une photo de 6 000 pixels de large occupe donc de la place sur l'hébergement et dans les sauvegardes, pour rien.

  1. Repérez la largeur à laquelle l'image s'affiche : la largeur du contenu de votre thème pour une image d'article, la largeur de l'écran pour une image de fond.
  2. Avec votre logiciel de retouche, réduisez la photo à cette largeur, ou au double pour les écrans haute définition.
  3. Enregistrez en JPEG pour une photo, en PNG pour un logo ou une capture d'écran avec des aplats de couleur.

Depuis WordPress 5.3, une image qui dépasse 2 560 pixels de large ou de haut est réduite à cette dimension, et la copie réduite, marquée -scaled dans son nom, devient la grande taille de référence ; l'original reste sur le serveur. La règle est décrite dans la note de version de WordPress 5.3. Elle limite les dégâts sans remplacer un redimensionnement fait par vous.

2. Compresser

La compression retire des détails que l'œil ne voit pas, et allège le fichier sans différence visible à l'écran quand elle est bien dosée. Deux façons de faire :

  • avant l'envoi, avec l'export « pour le web » de votre logiciel de retouche, ou un outil en ligne de compression d'images ;
  • après l'envoi, avec une extension d'optimisation d'images, qui compresse chaque nouvelle image et peut traiter la bibliothèque existante.

Une extension est pratique quand plusieurs personnes publient. Gardez-en une seule : deux extensions qui compressent les mêmes fichiers se marchent dessus. Pour l'installer, voir Installer un plugin WordPress.

3. Choisir un format moderne

WebP et AVIF donnent des fichiers plus légers que JPEG, à qualité égale.

  • WordPress accepte les images WebP depuis la version 5.8, comme l'indique sa note de version, à condition que la bibliothèque d'images du serveur les gère.
  • AVIF est accepté depuis WordPress 6.5, avec la même condition, d'après la note de version 6.5.

WordPress ne convertit pas vos JPEG : il crée les tailles intermédiaires dans le format du fichier envoyé. Pour obtenir du WebP, envoyez du WebP, ou laissez une extension d'optimisation faire la conversion.

Pour savoir quels formats votre site accepte, ouvrez Outils, puis Santé du site, onglet Informations, et dépliez la section « Traitement des médias » : la liste des formats pris en charge par le serveur y figure.

4. Laisser WordPress servir la bonne taille

À chaque envoi, WordPress fabrique plusieurs tailles de l'image. Trois se règlent dans Réglages, puis Médias : miniature (150 × 150 pixels par défaut), taille moyenne et grande taille. Des tailles intermédiaires s'y ajoutent sans réglage, dont une de 768 pixels de large.

Depuis WordPress 4.4, les images insérées dans un contenu portent la liste de ces tailles (les attributs srcset et sizes) : le navigateur d'un téléphone télécharge une version réduite plutôt que l'original. Il n'y a rien à activer ; il suffit d'insérer les images par la bibliothèque de médias, et non par une adresse collée à la main.

Si vous changez de thème ou de tailles, les images déjà envoyées gardent leurs anciennes copies. Une extension de régénération des miniatures les refait.

5. Le chargement différé

Depuis WordPress 5.5, les images qui portent une largeur et une hauteur reçoivent l'attribut loading="lazy" : le navigateur ne les télécharge qu'à l'approche du défilement, comme le décrit la note de version 5.5. C'est automatique pour les images des contenus, des extraits et des avatars ; depuis WordPress 5.9, la première image du contenu en est exclue, pour s'afficher sans attendre.

Pour mesurer l'effet de tout cela sur votre page, et pour les autres causes de lenteur, voir Accélérer WordPress.

Sur un hébergement Hubspace

Quand nous installons WordPress pour vous, l'extension de cache WP Rocket est déjà active. Elle met les pages en cache ; elle ne réduit pas le poids de vos images, qui reste à traiter par les étapes ci-dessus. Le détail de ses réglages est dans WP Rocket.

Questions fréquentes

Faut-il convertir toutes mes anciennes images en WebP ?

Ce n'est pas obligatoire. Commencez par les images les plus lourdes des pages les plus visitées : l'accueil et les pages de service. Une extension d'optimisation peut traiter le reste de la bibliothèque par lots.

Pourquoi mon image est-elle floue après l'envoi ?

Elle a probablement été envoyée plus petite que sa taille d'affichage, et le navigateur l'agrandit. Renvoyez-la à la largeur d'affichage, ou au double pour les écrans haute définition.

L'image reste lourde alors que je l'ai compressée. Pourquoi ?

La page sert peut-être encore l'ancienne version depuis le cache. Videz le cache de votre extension de cache, puis rechargez la page en navigation privée.

Articles liés