Deuxième billet de notre série de test des différents plugins de compression d’images pour WordPress. Le but est de voir à la fois le taux de compression et la qualité obtenue par un plugin WordPress donné, sur un jeu d’images recouvrant aussi largement que possible les différents cas de figures d’utilisation de tels plugins au quotidien.
Je te propose de découvrir aujourd’hui comment s’en sort WP Smush sur notre série de test.
Optimisation / Compression : Les Images retenues
Ayant déjà abordé cela dans Test d’optimisation d’images WordPress : EWWW Images Optimized. Si tu veux connaître les raisons de ce choix, il te suffit de lire ce billet 😉
On y va !
On s’arme de son jeu d’image, on active le plugin, et on y va.
La configuration de WP Smush
WP Smush est un plugin WordPress freemium. Le but de cette série test est de se cantonner à la version gratuitement disponible pour chacun des plugins testés; WP Smush n’échappe donc pas à cette règle. Aucun paramétrage particulier donc, pour ce plugin qui en version gratuite offre presque aucune option de toute manière.
PNG : Le test de compression avec WP Smush
WP Smush ne propose pas de conversion automatique de PNG vers JPG. Toutes les images téléversées en PNG restent donc dans ce format une fois optimisées. Regardons le résultat de ces optimisations avec attention.
1 – Le camaïeu d’une couleur avec du texte (ici, de bleu)
[dt_before_after image_1=”66270″ image_2=”66345″][dt_before_after]
Taille avant optimisation : 545,7kb
Taille après optimisation : 571,2kb
Gain en pourcentage : -4,67%
2 – Aplat de couleur avec du texte (Rouge)
[dt_before_after image_1=”66271″ image_2=”66347″][dt_before_after]
Taille avant optimisation : 73,2kb
Taille après optimisation : 50,8kb
Gain en pourcentage : 30,60%
3 – Photo de visage détaillée avec du texte
[dt_before_after image_1=”66272″ image_2=”66349″][dt_before_after]
Taille avant optimisation : 918,3kb
Taille après optimisation : 959,4kb
Gain en pourcentage : -4,48%
4 – Photo modifié par un filtre type instagram
[dt_before_after image_1=”66273″ image_2=”66351″][dt_before_after]
Taille avant optimisation : 638,3kb
Taille après optimisation : 646,4kb
Gain en pourcentage : -1,30%
5 – Photo avec de la couleur, des dégradés et du texte
[dt_before_after image_1=”66274″ image_2=”66353″][dt_before_after]
Taille avant optimisation : 455,1kb
Taille après optimisation : 469,5kb
Gain en pourcentage : -3,16%
6 – Photo noir et blanc avec du texte
[dt_before_after image_1=”66275″ image_2=”66355″][dt_before_after]
Taille avant optimisation : 465,5kb
Taille après optimisation : 400,0kb
Gain en pourcentage : 14,07%
7 – Photo produit type packshot
[dt_before_after image_1=”66308″ image_2=”66358″][dt_before_after]
Taille avant optimisation : 164,6kb
Taille après optimisation : 141,5kb
Gain en pourcentage : 14,03%
8 – Photo produit détaillée avec fond
[dt_before_after image_1=”66303″ image_2=”66357″][dt_before_after]
Taille avant optimisation : 97,2 kb
Taille après optimisation : 97,2 kb
Gain en pourcentage : 0%
9 – Photo produit avec un visage
[dt_before_after image_1=”66305″ image_2=”66360″][dt_before_after]
Taille avant optimisation : 153,8kb
Taille après optimisation : 153,8kb
Gain en pourcentage : 0%
10 – Photo produit en mouvement
[dt_before_after image_1=”66306″ image_2=”66362″][dt_before_after]
Taille avant optimisation : 242,4kb
Taille après optimisation : 242,4kb
Gain en pourcentage : 0%
JPG : Le test de compression avec WP Smush
Les images JPG sont obtenues grâce à la commande convert d’ImageMagick, sans aucun paramétrage particulier.
1 – Le camaïeu d’une couleur avec du texte (ici, de bleu)
[dt_before_after image_1=”66317″ image_2=”66346″][dt_before_after]
Taille avant/après optimisation : 88,7 / 56,3kb
Gain en pourcentage : 36,52%
2 – Aplat de couleur avec du texte (Rouge)
[dt_before_after image_1=”66318″ image_2=”66348″][dt_before_after]
Taille avant/après optimisation : 49,5 / 31,9kb
Gain en pourcentage : 35,55%
3 – Photo de visage détaillée avec du texte
[dt_before_after image_1=”66319″ image_2=”66350″][dt_before_after]
Taille avant/après optimisation : 187,2 / 114,2kb
Gain en pourcentage : 39,00%
4 – Photo modifié par un filtre type instagram
[dt_before_after image_1=”66320″ image_2=”66352″][dt_before_after]
Taille avant/après optimisation : 134,9 / 86,1kb
Gain en pourcentage : 36,17%
5 – Photo avec de la couleur, des dégradés et du texte
[dt_before_after image_1=”66321″ image_2=”66354″][dt_before_after]
Taille avant/après optimisation : 84,3 / 56,0kb
Gain en pourcentage : 33,57%
6 – Photo noir et blanc avec du texte
[dt_before_after image_1=”66322″ image_2=”66356″][dt_before_after]
Taille avant/après optimisation : 120,1 / 75,8kb
Gain en pourcentage : 36,89%
7 – Photo produit type packshot
[dt_before_after image_1=”66324″ image_2=”66359″][dt_before_after]
Taille avant/après optimisation : 21,5 / 20,8kb
Gain en pourcentage : 3,26%
8 – Photo produit détaillée avec fond
[dt_before_after image_1=”” image_2=””][dt_before_after]
Taille avant/après optimisation : 20,8 / 20,1kb
Gain en pourcentage : 3,37%
9 – Photo produit avec un visage
[dt_before_after image_1=”66325″ image_2=”66361″][dt_before_after]
Taille avant/après optimisation : 27,2 / 26,3kb
Gain en pourcentage : 3,31%
10 – Photo produit en mouvement
[dt_before_after image_1=”66326″ image_2=”66363″][dt_before_after]
Taille avant/après optimisation : 47,1 / 44,7kb
Gain en pourcentage : 5,10%
Les Résultats sous forme de tableau
Compression PNG
| Fichier PNG | Taille Origine | Taille Optimisée | Optimisation |
|---|---|---|---|
| #1 Camaïeu | 545,7 KB | 571,2 KB | -4,67% |
| #2 Aplat | 73,2 KB | 50,8 KB | 30,6% |
| #3 Visage | 918,3 KB | 959,4 KB | -4,48% |
| #4 Filtre Instagram | 638.3 KB | 646,4 KB | -1,3% |
| #5 Couleurs | 455,1 KB | 469,5 KB | -3,16% |
| #6 Noir et blanc | 465,5 KB | 400 KB | 14,07% |
| #7 Produit Packshot | 164,6 KB | 141,5 KB | 14,03% |
| #8 Produit avec fond | 97,2 KB | 97,2 KB | 0% |
| #9 Produit avec visage | 153,8 KB | 153,8 KB | 0% |
| #10 Produit en mouvement | 242,4 KB | 242,4 KB | 0% |
Compression JPG
| Fichier PNG | Taille Origine | Taille Optimisée | Optimisation |
|---|---|---|---|
| #1 Camaïeu | 88,7 KB | 56,3 KB | 36,52% |
| #2 Aplat | 49,5 KB | 31,9 KB | 35,55% |
| #3 Visage | 187,2 KB | 114,2 KB | 39,00 % |
| #4 Filtre Instagram | 134,9 KB | 86,1 KB | 36,17% |
| #5 Couleurs | 84,3 KB | 56,0 KB | 33,57% |
| #6 Noir et blanc | 120,1 KB | 75,8KB | 36,89% |
| #7 Produit Packshot | 21,5 KB | 20,8 KB | 3,26% |
| #8 Produit avec fond | 20,8 KB | 20,1 KB | 3,37% |
| #9 Produit avec visage | 27,2 KB | 26,3 KB | 3,31% |
| #10 Produit en mouvement | 47,1 KB | 44,7 KB | 5,10% |
Avis perso
Je vais me répéter un peu en ce début de conclusion, mais n’oublions pas que je me cantonnes à tester la version gratuite des plugins de compression d’images pour WordPress. Compte tenu de ce qui va suivre, ce petit rappel me semble utile.
Compression PNG
Pour bien comparer, encore faut-il comparer ce qui est comparable (il me semble tout du moins). Ainsi, difficile de comparer les chiffres obtenues avec WP Smush et de les comparer à EWWW. N’oublions pas qu’EWWW nous offre dans sa version gratuite, la possibilité de convertir un PNG en JPG. Afin d’obtenir les meilleurs résultats possibles, cette options avait été activée. Indisponible dans la partie gratuitement accessible de WP Smush, impossible donc de l’utiliser ici.
Cependant, je ne pense pas qu’il faille avec un doctorat en science de traitement de l’image pour voir que ce plugin de compression d’images arrive à faire de la magie sur 40% de l’échantillon de test fourni. En effet, il arrive à augmenter le poids de ces PNG. Pour un plugin de compression, je crois que le comble est atteint. J’ai refais les tests trois fois tellement cela m’a surpris pour tout te dire. Si on rajoute à cela que 30% du même jeu obtient un taux de compression de 0%… Je sais pas toi, mais mon analyse est toute faites.
Compression JPG
Lorsqu’il est question de comparer ce qui est comparable, la comparaison devient presque miroir. WP Smush et EWWW obtiennent exactement le même score. Impressionnant de similitude. De même pour le rendu après compression, je n’arrive pas à trouver de différences significatives entres les deux versions.
Conclusion
Je crois que c’est tout vu :
- À éviter à tout pris si tu optimises des PNGs. Tu vas tout de même pas prendre le risque d’avoir des images encore plus lourdes que les originales tout de même ?
- Excellent plugin si tu optimises uniquement des JPGs, il n’y a vraiment rien à faire.
Une conclusion bien plus tranchée que j’aurais pu l’imaginer avant de tester ce plugin. Je ne sais pas du tout si mon jeu d’images pose un soucis quelconque. Au moment de la rédaction de cet article, je peux vraiment comparer qu’à EWWW. Je reviendrais à cette conclusion si cela s’impose dans le temps. Peut-être qu’en testant d’autres plugins, le ton de cette conclusion s’adoucira… ou pas. Wait and see donc.
Pour info, aucun tuto n’est prévu sur ce plugin. Si tu souhaites l’utiliser, installes-le, et tu verras, tu as vraiment tellement peu de choix, que tu pourrais presque l’utiliser tel que, sans aucun configuration supplémentaire.
