Optimiser les images sur WordPress : le guide pratique

Pour optimiser les images sur WordPress, commencez par les redimensionner selon leur usage, puis compressez-les et choisissez un format adapté. Ajoutez ensuite un texte alternatif pertinent et vérifiez le résultat sur votre site. Ces actions réduisent le poids des pages tout en préservant une qualité d’affichage adaptée à vos visiteurs.

Redimensionner les images avant leur téléchargement

Une image dont les dimensions dépassent largement celles de son emplacement peut alourdir une page sans apporter de bénéfice visible. Par exemple, une photo destinée à une petite vignette n’a pas besoin des mêmes dimensions qu’une grande bannière.

Avant de télécharger une image dans WordPress, repérez approximativement la largeur à laquelle elle sera affichée. Conservez une définition suffisante pour que l’image reste nette, notamment sur les écrans de bonne résolution, sans garder systématiquement les dimensions du fichier original.

Vous pouvez utiliser un logiciel de retouche comme Photoshop ou un outil comme Canva :

1. Ouvrez l’image originale dans l’outil choisi.
2. Réduisez sa largeur et sa hauteur en conservant les proportions.
3. Exportez une copie et vérifiez sa netteté à la taille prévue.
4. Téléchargez la copie dans Médias > Ajouter dans l’administration WordPress.

WordPress crée plusieurs tailles d’image lors du téléchargement. Le redimensionnement préalable reste utile lorsque le fichier original est beaucoup plus grand que nécessaire.

Compresser les images sans dégrader leur qualité

La compression réduit le poids du fichier. Elle peut être sans perte, ou avec perte : dans ce dernier cas, une partie des informations de l’image est supprimée pour obtenir un fichier plus léger. Une compression trop forte peut rendre les détails flous ou faire apparaître des défauts visibles.

Après avoir redimensionné votre image, vous pouvez la compresser avec un logiciel de retouche ou un outil en ligne comme TinyPNG ou Compressor.io. Comparez ensuite le fichier compressé à l’original : les textes, les contours et les détails importants doivent rester lisibles.

Une extension comme WP Smush peut aussi automatiser la compression des images téléchargées et proposer leur redimensionnement. Avant de traiter toute votre médiathèque, testez ses réglages sur quelques images et vérifiez le résultat sur les pages concernées.

Choisir le bon format pour chaque image

Le format influe sur le poids du fichier et sur les possibilités d’affichage. Le choix dépend surtout du contenu de l’image :

• JPEG ou JPG : adapté aux photographies et aux images riches en couleurs. Il permet généralement d’obtenir un fichier léger avec une bonne qualité visuelle.
• PNG : utile pour les images nécessitant un fond transparent ou des contours nets, comme certains logos et illustrations.
• GIF : adapté aux animations simples et aux images comportant peu de couleurs.
• WebP : format utilisable pour les photos et les illustrations, avec ou sans transparence, qui peut produire des fichiers plus légers selon l’image et les réglages.

Ne convertissez pas tous vos fichiers à l’aveugle. Exportez une copie dans le format envisagé, comparez son poids et contrôlez sa qualité. Pour une boutique, les détails des articles doivent notamment rester visibles : consultez aussi le guide d’optimisation des images de produits.

Renseigner le texte alternatif pour les images

Le texte alternatif décrit le contenu ou la fonction d’une image lorsqu’elle ne peut pas être vue. Il aide les personnes qui utilisent un lecteur d’écran et donne également du contexte aux moteurs de recherche. Il ne garantit toutefois pas une meilleure position dans les résultats de recherche.

Pour l’ajouter dans WordPress :

1. Ouvrez Médias > Bibliothèque, puis sélectionnez l’image.
2. Renseignez le champ Texte alternatif avec une description courte et utile dans le contexte de la page.
3. Vérifiez également le texte alternatif dans les réglages du bloc image si vous travaillez directement dans l’éditeur.

Décrivez ce que l’image apporte au contenu plutôt que d’y accumuler des mots-clés. Une image purement décorative peut avoir un texte alternatif vide pour éviter une lecture inutile. Pour compléter ce travail, consultez le guide du référencement WordPress.

Utiliser un CDN pour distribuer les images

Un CDN, ou réseau de distribution de contenu, utilise des serveurs répartis dans différentes zones géographiques. Il peut servir les images depuis un serveur proche du visiteur et réduire leur temps de chargement, selon la configuration du site et la localisation des visiteurs.

Cloudflare, Amazon CloudFront et Google Cloud Platform proposent des services de ce type. Leur mise en place dépend du fournisseur choisi : elle peut passer par la configuration du domaine, des fichiers servis et, selon le cas, d’une extension WordPress. WP Rocket propose notamment des réglages pour utiliser certains CDN.

Avant et après la configuration, vérifiez que les images s’affichent sur vos principales pages, sur ordinateur comme sur mobile. Un CDN ne remplace pas le redimensionnement ni la compression : un fichier inutilement lourd reste lourd à transférer.

Vérifier le résultat sur votre site WordPress

Après l’optimisation, ouvrez les pages qui contiennent les images modifiées. Contrôlez leur netteté, leur cadrage et leur affichage sur différents écrans. Si une image paraît floue, repartez du fichier original et exportez une copie moins réduite ou moins compressée.

Comparez aussi le chargement des pages avant et après vos modifications. Les images ne sont qu’une partie des éléments qui influencent la vitesse : le cache, le thème ou les extensions peuvent également jouer un rôle. Le guide pour optimiser la vitesse de chargement présente d’autres pistes.

Si un fichier ne peut pas être ajouté à la médiathèque, consultez les solutions aux problèmes de téléchargement de fichiers WordPress. Pour une intervention plus large sur les performances, l’accélération d’un site WordPress permet d’examiner les autres sources possibles de lenteur.

Questions fréquentes

Article rédigé avec l’aide d’une IA à partir des sources citées et de notre pratique de la maintenance WordPress. Notre méthode éditoriale.