Plugins de compression d’images WP: Ewww VS shortpixel VS smushit VS autres

Un des points clé pour améliorer la vitesse de chargement et les Core Web Vitals d’un site WordPress est l’optimisation des images. En effet, la majeure partie des données qui sont téléchargées par les navigateurs des internautes sont justement des images. Il est donc très important d’optimiser au maximum ce type de fichier. Je vous ai déjà expliqué en détails les deux choses principales pour optimiser les images d’un site WordPress qui sont:

1. Compresser les images pour diminuer leur poids
2. Avoir des images responsive en fonction du type et de la taille d’écran

Dans cet article, on va s’intéresser principalement au 1er point (d’ailleurs je vous recommande de lire d’abord cet article avant de continuer ici) et à tous les plugins WordPress qui permettent de compresser des images… et donc de diminuer leur poids. Je vous en avait déjà présenté rapidement 2 plugins d’optimisation des images mais aujourd’hui on va aller beaucoup plus loin et comparer dans le détails les meilleurs plugins de compression d’images WP. Allez c’est parti!

Compresser ses images: quelques infos importantes

Si vous vous êtes déjà un peu renseigné sur ce sujet, vous savez peut-être que vous pouvez compresser vos images sans perte de qualité (“lossless” en anglais) ou avec perte de qualité (“lossy” en anglais). Si vous comprimez vos images uniquement sans perte de qualité, la gain en poids sera faible et donc l’amélioration en performance de votre site aussi. C’est pour ça que la norme en 2020 est d’optimiser ses images avec perte de qualité (lossy)… D’ailleurs si vous testez votre site avec un outils comme GT Metrix ou Google page speed, vous aurez des messages d’avertissement si vos images ne sont pas comprimées avec perte de qualité.

L’idée donc c’est de trouver le bon équilibre entre la qualité visuelle de vos images et leur poids (si vous êtes photographe, vous serez peut-être plus exigeant sur la qualité). Pour compresser vos images, les plugins WP d’optimisation d’images utilisent différents algorithmes afin d’optimiser la qualité des images tout en diminuant leur poids au maximum. En général, ces plugins vous permettent de choisir différents niveaux de compression allant de la meilleure qualité visuelle des images (mais avec un poids plus lourd) jusqu’à des images de moins bonne qualité mais beaucoup plus légères.

L’idée de cet article est donc de comparer le poids et la qualité visuelle de quelques images après avoir été comprimées avec différents plugins WordPress (et différents niveaux de compression). Évidemment, nous comparerons aussi le prix de ces plugins (car non, bien comprimer ses images n’est pas gratuit) ainsi que leur différentes fonctionnalités… Le but étant évidemment de trouver les meilleurs plugins WordPress d’optimisation d’images.

Comparaison des meilleurs plugins d’optimisation d’images pour WordPress

Attaquons tout de suite les choses sérieuses! Voici les différents plugins d’optimisation d’images que nous allons comparer:

Note: Il n’est pas facile de comparer les prix car certain plugins facturent par image optimisée et d’autres en poids d’images optimisées. De plus, à chaque fois que vous uploadez une image dans votre bibliothèque de média, WP va créer entre 6 et 15 images de tailles différentes (voir plus) en fonction de votre thème ou plugins.

Tous ces plugins peuvent être essayé gratuitement avec un quota plus ou moins généreux. Le seul plugin qui vous demandera votre carte CB pour une période d’essai de 7 jours est WP Smush (sans quoi vous n’aurez pas accès à la compression avec perte de qualité qui est le seul type de compression intéressant).

Concernant le prix, j’ai une grosse préférence pour les pricing à l’image plutôt qu’au poids. L’idée d’un plugin d’optimisation d’images est de vous permettre de mettre vos images dans votre bibliothèque de média directement après les avoir retouchée (ou depuis votre appareil photo) et sans avoir besoin de réfléchir à la compression. Par exemple il m’arrive fréquemment d’uploader des images qui font entre 5 et 10Mb et qui sortent directement de mon logiciel de retouche photo. Avec un pricing au poids d’image, je devrais d’abord faire attention à ne pas exporter des images trop lourdes pour ne pas exploser mon quota d’optimisation d’images WP.

Comparaison de la qualité visuelle et du poids des images après compression avec les différents plugins WP

Comme je vous le disait plus haut, l’idée est d’avoir le meilleur rapport qualité / poids d’image possible après compression. Pour qu’on puisse faire un comparaison visuelle, j’ai choisi 3 images différentes (2 images au format jpg et une image au format png) qui font 1600 pxs de large et qui ont déjà été optimisée sans perte de qualité (cad qui ne contiennent plus de métadonnées mais dont les pixels n’ont pas été modifiés).

Note: Un petit rappel important en fonction de si vous lisez cet article sur mobile, tablette ou desktop. Grâce aux attributs srcset et sizes, votre navigateur n’affiche pas la même image en fonction du type et de la taille de votre écran. Ainsi, si vous lisez cet article sur desktop, vous verrez soit l’image de 1600 pxs ou de 1024 pxs de large en fonction de votre navigateur. Si vous êtes sur tablette ou mobile, vous aurez plus de chance d’avoir soit l’image en 1024 pxs ou 768 pxs de large (voir 300pxs de large). C’est pour ça que dans la suite de l’article, je comparerai les différentes optimisations pour plusieurs tailles d’images.

Voici donc les 3 images originales sans perte de qualité:

Donc lorsque je met ces images dans ma bibliothèque de média sans plugin d’optimisation, voici quelques unes des différentes tailles d’images qui sont créées avec leurs poids. Nous allons utiliser ces différentes tailles pour comparer les niveau de compression des plugins.

Comparaison de l’image 1 au format JPG avec les différents plugins et types de compression

Pour la 1ère image, voici les résultats obtenu après optimisation avec les différents plugins WordPress.

Afin de pouvoir comparer visuellement, voici toutes les images comprimées dans une galerie:

Comparaison de l’image 2 au format JPG avec les différents plugins et types de compression

Pour la 2ème image, voici les résultats obtenu après optimisation avec les différents plugins WordPress.

Et pour comparer visuellement, voici à nouveau toutes les images comprimées dans une galerie:

Comparaison de l’image 3 au format PNG avec les différents plugins et types de compression

Pour la 3ème image, voici les résultats obtenu après optimisation avec les différents plugins WordPress. Comme c’est une image au format PNG, j’ai aussi ajouté dans la 1ère colonne si le plugin supporte la conversion automatique en JPG si l’image n’a pas de transparence (auquel cas le PNG est inutile, ce qui est le cas pour cette image). Pour cette image, le gain en poids est énorme si elle est convertie automatiquement en JPG:

Et pour comparer visuellement, voici encore toutes les images comprimées dans une galerie:

Classement des plugins WP en fonction du poids et de la qualité visuelle des images après compression

En me basant uniquement sur les 2 premières images (étant donné que tous les plugins ne convertissent pas automatiquement les png aux jpg lorsque c’est nécessaire), voici un petit classement des différents plugins et types de compression en fonction du % de réduction (moyenne des tailles sur les images 1 et 2) et de la qualité visuelle. Évidemment le classement de la qualité visuelle est subjectif et n’est que mon opinion.

Fonctionnalités supplémentaires des plugins WP de compression d’images

Pour l’instant nous n’avons comparé que l’efficacité de la compression d’image de ces différents plugins WP (c’est le point qui est évidemment le plus important). Mais certain de ces plugins ont évidemment plus de fonctionnalités que d’autres (on l’a déjà bien remarqué rien qu’avec la conversion de png à jpg lorsque c’est nécessaire). Voici une petite liste de fonctionnalités supplémentaires qui pourraient vous être utiles en fonction de vos besoins:

• La conversion au format WEBP: WEBP est un nouveau format d’images pour le web qui est sensé produire des images au moins 20% plus légères à qualité égale (par rapport aux JPG et PNG). Ce format est supporté par la plupart des navigateurs modernes et pourrait devenir le format de préférence pour les images sur le web. Je ne suis pas encore passé à ce format mais le moment venu, je pourrais le faire facilement avec un de ces plugins wp.
• Dossiers spéciaux: En général, toutes vos images sont stockée dans le dossiers uploads de WordPress. Mais parfois, certains plugins ou autres les sauvent ailleurs. Dans ces cas précis, il peut être utile de pouvoir définir d’autres dossiers pour optimiser les images qui s’y trouvent.
• Images responsive et CDN: Comme je vous l’indiquait au début de l’article, le 2ème point important quand on parle d’images sous WordPress, c’est de faire en sorte que la bonne image soit utilisée en fonction de la taille et du type d’écran (le viewport). Pour ce faire, il faut que votre thème mette en place correctement les attributs srcset et sizes (plus de détails dans cet article). Mais comme beaucoup de thème WP ne le font pas, certain de ces plugins proposent une solution intéressante. Vos images sont optimisée et desservies depuis les serveurs de l’outil et surtout à la bonne taille en fonction du viewport de l’internaute qui les demandent. Ces solutions sont en générale plus chères et demanderaient à être testées séparément et comparées à d’autres offres de type CDNs plus généraux.
• Exclure certaines tailles d’images: Certains thèmes WP créent parfois jusqu’à 15-20 tailles d’images différentes… Souvent, beaucoup de ces tailles d’images sont créées pour des chose très spécifiques que vous n’utilisez pas forcément sur votre site (portfolio, produits woocommerce etc…). Il peut donc être très utile de désactiver la création et/ou l’optimisation de certaines tailles d’images pour économiser de l’espace sur votre serveur et de l’argent (puisque bien optimiser les images n’est pas gratuit).

Conclusions et meilleurs plugins d’optimisation d’images WordPress

Pour conclure, je dirais qu’il faut différencier 2 types d’utilisateurs:

1. Les personnes qui veulent réduire un maximum le poids des images sans trop se soucier de la perte de qualité
2. Les gens qui veulent le meilleur rapport poids / qualité d’image (dont je fais partie)

Pour les personnes de la 1ère catégorie, je dirais que rien ne bat le plugin Shorpixel et sa compression “lossy”. C’est la compression qui crée les images les plus légères (mais aussi celles de moins bonne qualité à mes yeux) et Shorpixel est aussi le plugin le moins cher de tous (et aussi l’un des plus complet en terme de fonctionnalités). Les deux compressions du plugins Imagify sont aussi intéressantes mais le pricing au poids d’images optimisées me paraît beaucoup moins avantageux que le prix à l’image (à moins que vous ne réduisiez vos images avant de les optimiser, mais ce n’est pas très logique).

Voir le plugin Shortpixel

En ce qui me concerne, je fais partie de la 2ème catégorie de personnes et je recherche à avoir le meilleurs rapport poids / qualité d’images. J’ai donc éliminé directement la compression lossy de Shorpixel, Imagify ultra ainsi que resmushit 80 et 70 pour leur qualité d’image trop dégradante à mon goût. Viennent ensuite (par rapport au % de compression) la compression Imagify aggressive et les compressions Premium et Premium plus de EWWW image optimizer. Parce que de mon point de vue le pricing de EWWW est plus avantageux que celui de Imagify et parce que EWWW est le plugins qui a de loin le plus de fonctionnalités (toutes n’ont pas été listées ci-dessus), c’est celui que j’ai choisi d’utiliser sur tous mes sites. Mais si Shortpixel venait à intégrer une compression intermédiaire entre ses algorithmes lossy et glossy, ça pourrait peut-être me faire changer d’avis.

Voir le plugin EWWW image optimizer

Même si optimiser ses images WP n’est pas très cher (on doit payer avec EWWW 2$/mois pour nos 2 sites), si vous n’avez pas de budget pour ça, alors la meilleure solution gratuite reste encore d’utiliser le plugin Resmushit avec une qualité d’image qui se situe entre 70 et 80 je dirais.

Voilà c’est tout pour cette comparaison détaillée des meilleurs plugins d’optimisation d’images WP. En faisant mes propres recherches, je n’avais pas trouvé d’infos sur le net comparant précisément ces différents outils. J’espère donc que mon article vous sera utile et n’hésitez surtout pas à me poser vos questions en commentaires (et à partager l’article si vous l’avez trouvé utile 😉 )

Épingler sur Pinterest

Note: Cet article contient des liens affiliés pour les plugins d’optimisation d’images que je recommande. Si vous souscrivez à un de ces plugins, nous toucherons un petite commission et vous ne paierez pas un centime de plus. De cette façon, vous nous soutiendrez dans la création de ce genre d’articles gratuits et indépendants.

Benoit Luisier

Développeur Web autodidacte et passionné de voyage, je partage avec vous sur Novo-Media mes conseils et astuces sur les côtés plus "techniques" de thématiques comme le développement web, Wordpress, l'optimisation ou encore le SEO. Je suis également le créateur du plugin wordpress de cartographie Novo-Map.