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.

Plugins nbr d’installation WP Essai gratuit Prix
EWWW image optimizer 800’000 + 300 crédits gratuits en vous inscrivant ici (sans CB) 0.002$ / image
Shortpixel 200’000 + 100 crédits gratuits par mois (sans CB) 0.001$ / image (dégressif plus vous achetez d’images)
Imagify 300’000 + 25 Mb d’images gratuites par mois (sans CB) 10$ pour 1Gb d’images (dégressif plus vous achetez de Gb)
Resmushit image optimizer 100’000 + gratuit gratuit
WP Smush 1 million + 7 jours d’essai gratuit (avec CB) 7$ par mois illimité
Tiny compress images 200’000 + 500 crédits gratuits par mois (sans CB) 0.009$ par image après les 500 premières (0.002$ par image après 10’000)
Kraken 40’000 + 100 Mb d’images gratuites (sans CB) 5$ par mois pour 500Mb (dégressif plus vous achetez de Gb)

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é:

compression image lossless jpg 1
image 1 au format jpg qui fait 435.3 kb pour 1600pxs de large
compression image lossless jpg 2
image 2 au format jpg qui fait 744.5kb pour 1600px de large
compression image lossless png
une image au format png qui fait 1.9 Mb pour 1600 pxs de large

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.

Image largeur de l’image en pxs poids de l’image en Kb
Image jpg 1 originale 435.3 Kb
1536 pxs 117.3 Kb
1024 pxs 59.9 Kb
768 pxs 36.8 Kb
300 pxs 7.9 Kb
Image jpg 2 originale 744.5 Kb
1536 pxs 212.7 Kb
1024 pxs 104.5 Kb
768 pxs 63 Kb
300 pxs 13.2 Kb
Image png originale 1.9 Mb
1536 pxs 1.9 Mb
1024 pxs 929.1 Kb
768 pxs 535.1 Kb
300 pxs 87.4 Kb

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.

Plugin et type de compression largeur en pxs poids de l’image en Kb réduction en %
EWWW (Pixel Perfect plus) originale 429.8 1.26
1536 106.9 8.87
1024 55.2 7.85
768 33.8 8.15
300 7.5 5.06
EWWW (Premium) originale 148.5 65.89
1536 90.6 22.76
1024 46.5 22.37
768 28.9 21.47
300 6.4 18.99
EWWW (Premium plus) originale 150.1 65.52
1536 93.1 20.63
1024 52.9 11.69
768 30.4 17.39
300 7.5 5.063
Shortpixel (Glossy) originale 158.2 63.66
1536 90.4 22.93
1024 59.9 0
768 33.8 8.15
300 7.9 0
Shortpixel (Lossy) originale 54.6 87.46
1536 48.7 58.48
1024 33.6 43.90
768 21 42.93
300 4.9 37.97
Imagify (Aggressive) originale 167.6 61.5
1536 63.6 45.78
1024 34.5 42.40
768 21.6 41.30
300 5.5 30.38
Imagify (Ultra) originale 58.4 86.58
1536 35.2 69.99
1024 21.8 63.61
768 17.7 51.90
300 4.6 41.77
Resmushit (Regular = 92) originale 251.8 42.15
1536 109.5 6.65
1024 56.3 6.01
768 34.8 5.43
300 7.5 5.06
Resmushit (80) originale 121.1 72.18
1536 107.4 8.44
1024 55.2 7.85
768 34.1 7.34
300 7.3 7.59
Resmushit (70) originale 90.8 79.14
1536 93.1 20.63
1024 47.5 20.70
768 29.6 19.57
300 6.4 18.99
WP Smush (Super smush) originale 100.3 76.96
1536 95.2 18.84
1024 48.9 18.36
768 30.4 17.39
300 6.7 15.19
Tiny compress (default) originale 150.1 65.52
1536 101.1 13.81
1024 58.2 2.84
768 32.3 12.23
300 8.7 -10.13
Kraken (Intelligent lossy) originale 139.9 67.86
1536 105 10.49
1024 54.2 9.52
768 33.2 9.78
300 6.9 12.66

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.

Plugin et type de compression largeur de l’image en pxs poids de l’image en Kb réduction en %
EWWW (Pixel Perfect plus) originale 739.4 0.69
1536 200.8 5.6
1024 98.7 5.55
768 59.7 5.24
300 12.4 6.06
EWWW (Premium) originale 305.2 59
1536 172.6 18.85
1024 84.9 18.76
768 51.2 18.73
300 10.7 18.94
EWWW (Premium plus) originale 220.9 70.33
1536 143.8 32.4
1024 88.4 15.40
768 50.7 19.52
300 12.4 6.06
Shortpixel (Glossy) originale 249.2 66.53
1536 172.1 19.09
1024 104.5 0
768 59.7 5.24
300 13.2 0
Shortpixel (Lossy) originale 92.3 87.60
1536 73.1 65.63
1024 67.4 35.50
768 41.1 34.76
300 9.7 26.52
Imagify (Aggressive) originale 391.7 47.39
1536 157.3 26.05
1024 78.4 24.98
768 47.6 24.44
300 10.7 18.94
Imagify (Ultra) originale 323.4 56.56
1536 212.7 0
1024 61.6 41.05
768 63 0
300 9.2 30.30
Resmushit (Regular = 92) originale 428.3 42.47
1536 202.5 4.8
1024 99.5 4.78
768 60.2 4.44
300 12.6 4.55
Resmushit (80) originale 237.7 68.07
1536 198 6.91
1024 97.5 6.7
768 58.9 6.51
300 12.3 6.82
Resmushit (70) originale 182.1 75.54
1536 171.4 19.41
1024 84.4 19.23
768 51 19.05
300 10.7 18.94
WP Smush (Super smush) originale 206.7 72.24
1536 180.3 15.23
1024 88.7 15.12
768 53.6 14.92
300 11.2 15.15
Tiny compress (default) originale 220.9 70.33
1536 149.6 29.67
1024 95.8 8.33
768 54.3 13.81
300 14.6 -10.61
Kraken (Intelligent lossy) originale 490.5 34.12
1536 178.8 15.94
1024 89.9 13.97
768 56.1 10.95
300 11.9 9.85

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:

Plugin et type de compression largeur de l’image en pxs poids de l’image en Kb réduction en %
EWWW (Pixel Perfect plus)
Conversion jpg auto : OUI
originale 111.8 94.06
1536 99.4 94.85
1024 52.7 94.33
768 33.9 93.66
300 8.6 76.37
EWWW (Premium)
Conversion jpg auto : OUI
originale 94.4 94.99
1536 84.5 95.62
1024 45.2 95.13
768 29.5 94.49
300 7.5 79.4
EWWW (Premium plus)
Conversion jpg auto : OUI
originale 83.2 95.58
1536 74.6 96.13
1024 42.8 95.39
768 27 94.96
300 8.6 76.37
Shortpixel (Glossy)
Conversion jpg auto : OUI
originale 121.9 93.53
1536 85.6 95.56
1024 55.8 93.99
768 33.7 93.70
300 5.8 84.07
Shortpixel (Lossy)
Conversion jpg auto : OUI
originale 45.5 97.58
1536 38.8 97.99
1024 28.7 96.91
768 21.4 96
300 5.8 84.071
Imagify (Aggressive)
Conversion jpg auto : NON
originale 723.3 61.59
1536 1930 0
1024 929 0
768 535 0
300 36.4 0
Imagify (Ultra)
Conversion jpg auto : NON
originale 426.4 77.36
1536 1930 0
1024 929 0
768 535 0
300 36.4 0
Resmushit (Regular = 92)
Conversion jpg auto : NON
originale 667.8 64.54
1536 594.6 69.19
1024 274.7 70.43
768 161.2 69.87
300 29.3 19.51
Resmushit (80)
Conversion jpg auto : NON
originale 667.8 64.54
1536 594.6 69.19
1024 274.7 70.43
768 161.2 69.87
300 29.3 19.51
Resmushit (70)
Conversion jpg auto : NON
originale 667.8 64.54
1536 594.6 69.19
1024 274.7 70.43
768 161.2 69.87
300 29.3 19.51
WP Smush (Super smush)
Conversion jpg auto : NON
originale 591.6 68.58
1536 526.5 72.72
1024 247.5 73.36
768 145.6 72.79
300 27.5 24.45
Tiny compress (default)
Conversion jpg auto : NON
originale 533.8 71.65
1536 468.8 75.71
1024 217 76.64
768 128.8 75.93
300 24.9 31.59
Kraken (Intelligent lossy)
Conversion jpg auto : NON
originale 536.7 71.5
1536 473.7 75.46
1024 220.5 76.26
768 129.9 75.72
300 25.9 28.85

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.

PLugins et types de compression Classement compression Classement qualité visuelle
EWWW (Pixel Perfect plus) 13 (5.4 %) 1
EWWW (Premium) 5 (28.6 %) 7
EWWW (Premium plus) 7 (26.4 %) 5
Shortpixel (Glossy) 11 (18.6 %) 3
Shortpixel (Lossy) 1 (52.1 %) 13
Imagify (Aggressive) 3 (36.3 %) 6
Imagify (Ultra) 2 (44.2 %) 12
Resmushit (Regular = 92) 11 (12.6 %) 2
Resmushit (80) 8 (19.8 %) 10
Resmushit (70) 4 (31.12%) 11
WP Smush (Super smush) 6 (27.9 %) 9
Tiny compress (default) 9 (19.6 %) 8
Kraken (Intelligent lossy) 10 (19.5 %) 4

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).
Plugins Conversion WEBP Dossiers spéciaux Images responsive / CDN Tailles d’images
EWWW image optimizer OUI OUI OUI OUI (optimisation et/ou création)
Shortpixel OUI OUI OUI (en installant un autre plugin) OUI (seulement l’optimisation)
Imagify OUI OUI NON OUI (seulement l’optimisation)
Resmushit image optimizer NON NON NON NON
WP Smush OUI OUI OUI NON
Tiny compress images NON NON NON OUI (seulement l’optimisation)
Kraken NON NON NON OUI (seulement l’optimisation)

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

ewww image optimizerEn 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.

Newsletter: Nos derniers articles dans votre boîte mail

Rejoignez la communauté maintenant et recevez tous nos articles directement dans votre boîte mail! 0% Spam garanti !

Vous avez une question???

Si ça concerne directement cet article, laissez nous un commentaire ci-dessous, sinon n'hésitez pas à entamer une discussion sur le forum!

Interactions du lecteur

Commentaires

  1. Romain dit

    Salut,

    Beau comparatif, tu n’as pas inclus Optimole, volontaire ou ? Perso j’utilise Imagify depuis pas mal d’années, je trouve que le rapport, compression/rendu est plutôt pas mal, même s’il est vrai qu’utilisant pas mal d’images sur mon site, cela porte un coût non négligeable…

    • Benoit Luisier dit

      Hello Romain,

      Oui le rapport compression / qualité visuelle de Imagify est assez bon mais je n’aime pas du tout leur pricing. Ca me revient bien moins cher d’utiliser EWWW à qualité visuelle égale (à mon avis). EWWW a aussi plus d’options ce qui est un plus appréciable pour moi.

      Et pour Optimole, le prix est tellement cher que je ne l’ai même pas considéré… Ça n’en vaut vraiment pas le coup je pense. Pour moins cher tu peux avoir une offre CDN complète qui optimise tes images et héberge tous les fichiers de ton site sur un réseau de serveurs partout dans le monde… par exemple bunnycdn qui est pas mal –> https://bunnycdn.com/solutions/bunny-optimizer.

  2. Romain dit

    Je vois pour Optimole, et je suis pas vraiment surpris. Pour Imagify, une des raisons que je l’utilise, c’est que j’ai WP Rocket, de la même team, je trouve donc complémentaire d’avoir des plugins codé de la même manière. Je jette un oeil au lien de ce pas. Merci !

    • Accents du Terroir dit

      Merci pour ce comparatif rare et neutre. Idem que Romain, étant un vrai fana de WP Rocket qui est juste exceptionnel au point que je serais prêt à tripler le montant de ma licence, je me suis que j’allais le coupler à Imagify. Mais j’ai désinstallé après 6 mois d’utilisation car trop cher. Dommage au moins j’étais certain que le plugin était super bien foutu et 100% compatible mais c’est clairement hors de prix pour moi.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *