Introduction

L’optimisation des images sous WordPress est un enjeu clé pour garantir à la fois une qualité visuelle optimale et des performances de chargement efficaces. Cependant, WordPress applique par défaut une compression aux images qui peut entraîner une perte de qualité perceptible. Cet article explore les différentes solutions testées pour éviter la pixelisation des images et garantir un rendu professionnel.

Pourquoi WordPress compresse-t-il les images ?

Par défaut, WordPress applique une compression automatique aux images au moment de leur téléchargement, réduisant leur qualité à environ 82 % pour les formats JPEG. Cette fonctionnalité vise à améliorer la rapidité de chargement des pages et l’expérience utilisateur, mais elle peut poser problème lorsque l’objectif est d’afficher des visuels en haute qualité.

Solutions testées pour désactiver la compression des images

Modification du fichier functions.php

L’ajout du code suivant dans le fichier functions.php du thème enfant a permis d’augmenter la qualité des images JPEG à 100 % :

add_filter('jpeg_quality', function($arg){ return 100; });

Résultat : Cette méthode fonctionne bien pour empêcher WordPress de réduire la qualité des images JPEG. Cependant, elle ne modifie pas les images déjà téléchargées, ce qui signifie qu’il faut re-téléverser les visuels pour observer les changements.

Désactivation via plugin

Des plugins comme Disable JPEG Compression, EWWW Image Optimizer, et Smush ont été testés pour gérer la compression des images.

• Smush a permis d’optimiser sans perte, mais la qualité des images restait légèrement altérée.
• EWWW Image Optimizer a donné de bons résultats en permettant une compression personnalisée.
• Disable JPEG Compression a désactivé la compression, mais n’a pas permis d’améliorer les images déjà téléchargées.

Résultat : L’utilisation d’un plugin est une solution accessible, mais elle dépend du type de traitement appliqué aux images.

Utilisation du format WebP

L’implémentation du format WebP via des plugins comme WebP Express et ShortPixel Image Optimizer a permis d’obtenir des images plus légères tout en conservant une excellente qualité.

Résultat : WebP a offert un compromis idéal entre qualité et rapidité de chargement. Toutefois, il a fallu s’assurer que les navigateurs anciens supportent bien ce format, ce qui a nécessité l’activation d’une version fallback en JPEG.

Vérification de la taille des images

Nous avons vérifié que les images n’étaient pas agrandies artificiellement par CSS, ce qui aurait pu provoquer une pixellisation. En optimisant la résolution en amont (idéalement 2x la taille affichée sur le site), nous avons obtenu un rendu net et précis.

Résultat : Une amélioration notable de la qualité des visuels.

Désactivation via wp-config.php

L’ajout de cette ligne dans wp-config.php a été testé :

define('WP_IMAGE_EDITORS', array('WP_Image_Editor_GD', 'WP_Image_Editor_Imagick'));

Résultat : Aucune différence notable observée.

Conclusion et recommandations

Pour afficher des images en haute qualité sous WordPress, plusieurs solutions sont envisageables :

1. Modifier la compression WordPress en ajustant functions.php.
2. Utiliser un plugin d’optimisation comme EWWW Image Optimizer ou Smush.
3. Convertir les images au format WebP.
4. Vérifier la résolution initiale des images.

Chaque site ayant ses propres spécificités, il est recommandé de tester différentes approches pour identifier la plus adaptée.

Besoin d’aide ?

Si vous rencontrez des difficultés avec l’optimisation des images sur votre site WordPress, n’hésitez pas à nous contacter. Nous vous accompagnerons pour trouver la meilleure solution adaptée à vos besoins.