Kraken.io est nom qui revient assez facilement lorsqu’il est question d’optimiser les images pour WordPress, quoi de plus naturel que de lancer notre série de test avec ce plugin WordPress donc.
Si tu débarques, ce billet est le troisième d’une série consacrée au plugins d’optimisation d’images pour WordPress. Le but est de soumettre une série de test d’images, toujours la même, au plugin sélectionné, et de voir comment il se comporte. De quoi faire un vrai choix éclairé en matière de sélection de plugin de compression d’images.
Optimisation / Compression : Le jeu de test
Un jeu de test représentatif des images vraiment utilisées sur un site WordPress, voila le but de ce jeu de test. Pour en connaître les détails, lis le premier article sur le sujet : Test d’optimisation d’images WordPress : EWWW Images Optimized.
Kraken.io : le test
Kraken dans la main gauche, le jeu de test dans la main droite, et c’est parti pour notre test avec Kraken.io.
La configuration de Kraken.io
Comme trop de plugins dans le milieu de l’optimisation d’images, Kraken.io est un plugin dit freemium. Nous avons laissé la configuration par défaut de Kraken.io pour ce test, rien a été modifié. Un billet complémentaire à ce test de Kraken arrivera certainement un jour pour découvrir l’interface d’administration. Quoiqu’il en soit, tel n’est pas le propos d’aujourd’hui 🙂
Kraken.io : Le blagueur
À titre personnel, un quelque chose me freine tout de suite dans l’adoption de Kraken.io : il faut un compte car tout passe par les serveurs de Kraken. Ainsi, la version gratuite de Kraken.io nous donne en fait accès à un 100Mo gratuit. Il nous est donc possible d’optimiser pour 100Mo d’images, après il faut payer.
Dans le cadre de ce test, cela est plus que suffisant. Cependant, pour qui possède un vrai site, cela est juste assez pour tester en gros le plugin, rien de plus. je n’ai pas pris le temps de savoir si ce quota se renouvelait tous les mois ou non.
Bien que cela n’engage que moi, je trouve cela clairement rédhibitoire et m’oblige à passer mon chemin naturellement. Mais comme l’idée est de tester la qualité du rendu, et que Kraken nous en donne tout de même assez pour faire ce test, lançons-nous ! Après tout, Kraken.io fait peut-être de la magie…
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=”66377″][dt_before_after]
Taille avant optimisation : 545,7kb
Taille après optimisation : 180,6kb
Gain en pourcentage : 66,90%
2 – Aplat de couleur avec du texte (Rouge)
[dt_before_after image_1=”66271″ image_2=”66379″][dt_before_after]
Taille avant optimisation : 73,2kb
Taille après optimisation : 28,4kb
Gain en pourcentage : 61,20%
3 – Photo de visage détaillée avec du texte
[dt_before_after image_1=”66272″ image_2=”66381″][dt_before_after]
Taille avant optimisation : 918,3kb
Taille après optimisation : 344,2kb
Gain en pourcentage : 62,52%
4 – Photo modifié par un filtre type instagram
[dt_before_after image_1=”66273″ image_2=”66383″][dt_before_after]
Taille avant optimisation : 638,3kb
Taille après optimisation : 177,2kb
Gain en pourcentage : 72,23%
5 – Photo avec de la couleur, des dégradés et du texte
[dt_before_after image_1=”66274″ image_2=”66385″][dt_before_after]
Taille avant optimisation : 455,1kb
Taille après optimisation : 105,8kb
Gain en pourcentage : 76,75%
6 – Photo noir et blanc avec du texte
[dt_before_after image_1=”66275″ image_2=”66387″][dt_before_after]
Taille avant optimisation : 465,5kb
Taille après optimisation : 235,3kb
Gain en pourcentage : 49,45%
7 – Photo produit type packshot
[dt_before_after image_1=”66308″ image_2=”66390″][dt_before_after]
Taille avant optimisation : 164,6kb
Taille après optimisation : 45,8
Gain en pourcentage : 72,17%
8 – Photo produit détaillée avec fond
[dt_before_after image_1=”66303″ image_2=”66388″][dt_before_after]
Taille avant optimisation : 97,2 kb
Taille après optimisation : 39,1 kb
Gain en pourcentage : 59,77%
9 – Photo produit avec un visage
[dt_before_after image_1=”66305″ image_2=”66392″][dt_before_after]
Taille avant optimisation : 153,8kb
Taille après optimisation : 48,6kb
Gain en pourcentage : 68,40%
10 – Photo produit en mouvement
[dt_before_after image_1=”66306″ image_2=”66394″][dt_before_after]
Taille avant optimisation : 242,4kb
Taille après optimisation : 48,6kb
Gain en pourcentage : 71,16%
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=”66376″][dt_before_after]
Taille avant/après optimisation : 88,7 / 54,4kb
Gain en pourcentage : 38,67%
2 – Aplat de couleur avec du texte (Rouge)
[dt_before_after image_1=”66318″ image_2=”66378″][dt_before_after]
Taille avant/après optimisation : 49,5 / 29,9kb
Gain en pourcentage : 39,60%
3 – Photo de visage détaillée avec du texte
[dt_before_after image_1=”66319″ image_2=”66380″][dt_before_after]
Taille avant/après optimisation : 187,2 / 108,8kb
Gain en pourcentage : 41,88%
4 – Photo modifié par un filtre type instagram
[dt_before_after image_1=”66320″ image_2=”66382″][dt_before_after]
Taille avant/après optimisation : 134,9 / 79,9kb
Gain en pourcentage : 40,77%
5 – Photo avec de la couleur, des dégradés et du texte
[dt_before_after image_1=”66321″ image_2=”66384″][dt_before_after]
Taille avant/après optimisation : 84,3 / 53,4kb
Gain en pourcentage : 36,66%
6 – Photo noir et blanc avec du texte
[dt_before_after image_1=”66322″ image_2=”66386″][dt_before_after]
Taille avant/après optimisation : 120,1 / 74,8kb
Gain en pourcentage : 37,72%
7 – Photo produit type packshot
[dt_before_after image_1=”66324″ image_2=”66389″][dt_before_after]
Taille avant/après optimisation : 21,5 / 10,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=”66391″][dt_before_after]
Taille avant/après optimisation : 27,2 / 23,3kb
Gain en pourcentage : 14,34%
10 – Photo produit en mouvement
[dt_before_after image_1=”66326″ image_2=”66393″][dt_before_after]
Taille avant/après optimisation : 47,1 / 43,6kb
Gain en pourcentage : 7,43%
Les Résultats sous forme de tableau
Compression PNG
Fichier PNG | Taille Origine | Taille Optimisée | Optimisation |
---|---|---|---|
#1 Camaïeu | 545,7 KB | 180,6 KB | 66,90% |
#2 Aplat | 73,2 KB | 28,4 KB | 61,20% |
#3 Visage | 918,3 KB | 344,2 KB | 62,52% |
#4 Filtre Instagram | 638.3 KB | 177,2 KB | 72,23% |
#5 Couleurs | 455,1 KB | 105,8 KB | 76.75% |
#6 Noir et blanc | 465,5 KB | 235,3 KB | 49,45% |
#7 Produit Packshot | 164,6 KB | 45,8 KB | 72,17% |
#8 Produit avec fond | 97,2 KB | 39,1 KB | 59,77% |
#9 Produit avec visage | 153,8 KB | 48,6 KB | 68,40% |
#10 Produit en mouvement | 242,4 KB | 69,9 KB | 71,16% |
Compression JPG
Fichier JPG | Taille Origine | Taille Optimisée | Optimisation |
---|---|---|---|
#1 Camaïeu | 88,7 KB | 54,4 KB | 38,67% |
#2 Aplat | 49,5 KB | 29,9 KB | 39,60% |
#3 Visage | 187,2 KB | 108,8 KB | 41.88% |
#4 Filtre Instagram | 134,9 KB | 79,9 KB | 40,77% |
#5 Couleurs | 84,3 KB | 53,4 KB | 36,66% |
#6 Noir et blanc | 120,1 KB | 74,8 KB | 37,72% |
#7 Produit Packshot | 21,5 KB | 10,8 KB | 49,77% |
#8 Produit avec fond | 20,8 KB | KB | % |
#9 Produit avec visage | 27,2 KB | 23,3 KB | 14,34% |
#10 Produit en mouvement | 47,1 KB | 43,6 KB | 7,43% |
Avis perso
Moi je dis, dommage que ce plugin freemium soit plus une version de démonstration évoluée qu’autre chose à mes yeux.
Compression PNG
EWWW est pour le moment le plugin affichant les meilleurs scores de nos tests, je m’en sers donc de base de référence. Attention à deux choses cependant :
- En fait j’ai testé pour le moment que 3 plugins avec Kraken inclus,
- EWWW compresse et convertit au format JPG tes JPGs (si tu le veux). J’utilise cette possibilité durant nos tests.
Kraken ne nous propose pas de conversion des PNGs vers le JPGs (même en version payante pour info). Ceci étant dit, bien qu’il puisse sembler sur le papier que les deux résultats soient a priori incomparables, l’expérimentation tend à démontrer le contraire. Cela est clairement un point positif. Bien que EWWW soit toujours au-dessus d’au moins 10 à 15 points, ce qui est loin d’être un détail, gardons en mémoire que la sortie de Kraken.io reste un PNG.
Si l’on compare maintenant Kraken.io à WP Smush… je crois qu’il n’y a rien à dire en fait.
J’aurais presque tendance à l’oublier alors que cela est juste un peu capital quand même : la qualité de la sortie. Écoutes, c’est pas compliqué, je n’arrive juste pas à faire la moindre différence entre les deux versions.
Compression JPG
Le jeu de test en JPG est toujours un peu plus tricky car la marge de compression est plutôt faible. Autant nous avions des PNGs allant jusqu’à presque 1 Mo, autant pour les JPGs, rien ne monte à plus de 200Ko pour la plus grosse de toutes. Plus de la moitié des JPGs fait moins de 100Ko. Il faut assurer pour avoir un beau pourcentage de sortie avec une image qui reste le moins dégradé possible.
Première remarque : 100% des images sont plus petites que la version d’origine. Les taux de compression sont intéressants car nos images perdent sans aucun soucis 1/3 de leur poids d’origine. C’est énorme en soit, mais je trouve que cela est remarque sur de telles images; surtout si l’on tient compte du rendu des images : aucune différence avec l’originale, encore une fois.
Deuxième remarque : La photo qui obtient le meilleur taux de compression est intéressante à regarder de plus près. EWWW et WP Smush ne l’avait que faiblement réduite, ~3%, alors que c’est le meilleur score obtenu par Kraken dans cette série. Rigolo et étonnant à la fois je trouve.
Conclusion
Les résultats en terme de rendu et de compression sont impressionnant. Bien qu’il me reste encore bien des plugins WordPress de compression d’images à tester, je suis certain que nous sommes face à un concurrent qui se défendra plus qu’honorablement face à n’importe quel autre plugin.
Que l’on travail avec des images en PNG ou en JPG, peut importe, le résultat sera toujours de grande qualité pour un poids de l’image le plus bas qu’il soit.
Mais, car il y a un mais, un sérieux détail vient obscurcir l’ensemble du tableau. Je pense que tu t’en doutes depuis l’introduction de ce test : c’est un vrai plugin freemium.
Donc à moins de n’avoir que 100Mo d’images à optimiser sur tout ton site, ce plugin cesse de fonctionner après ce quota de test. La politique de ces tests étant que je ne teste pas les parties payantes… le plugin devient donc totalement inutilisable après ces 100Mo consommés.
Ma conclusion pour Kraken.io tiendra donc en un seul mot : dommage.