ShortPixel vs Imagify – Le match des compresseurs d’images

Les images sont trĂšs importantes pour un site Web, elles aident Ă  attirer et à conserver l’attention des lecteurs. Sans elles, les sites Web sembleraient ternes. A l’opposĂ© de l’avantage qu’apportent les images, ces derniĂšres alourdissent le Web, et augmentent le temps de chargement de vos pages.

Depuis quelques temps dĂ©jĂ , le temps de chargement est devenu un facteur dĂ©cisif dans le classement des moteurs de recherche. Le temps de chargement dĂ©pendant largement du poids de la page et du nombre de requĂȘtes HTTP faites au serveur, plus vos images sont lourdes, et plus votre page mettra de temps Ă  se charger..

Je vous ai dĂ©jĂ  fourni, dans des articles prĂ©cĂ©dents, quelques conseils simples pour accĂ©lĂ©rer votre site WordPress, parmi lesquels, utiliser sur votre site des images optimisĂ©es. Les images optimisĂ©es prennent moins d’espace et moins de bande passante, avec pour rĂ©sultat un temps de chargement plus court.

Les photos prises avec des appareils modernes, de haute qualitĂ©, sont en haute dĂ©finition (fichiers image de grande taille), qui ne peuvent ĂȘtre utilisĂ©es telles quelles sur les pages Web. La compression aide Ă  rĂ©duire la taille des fichiers images, les rendant ainsi utilisables sur Internet.

ShortPixel vs Imagify

Dans la galaxy web, il existe de nombreux services et plugin pour WordPress (Kraken, EWWW, WP Smush, etc.) qui permettent de compresser vos images de maniĂšres plus ou moins efficaces. Aujourd’hui, nous allons comparer deux plugin qui se disputent actuellement les premiĂšres places de ce secteur, Ă  savoir ShortPixel et Imagify.

Les diffĂ©rents scĂ©narios d’optimisation d’image

Avant d’entrer dans le bain proprement dit, je voudrai souligner que chaque site Internet a des besoins diffĂ©rents en terme de compression d’image. Par exemple, BlogInfos prĂ©sente avant tout des thĂšmes, des plugins, des services et des conseils pour les blogs, cela ne nĂ©cessite donc pas obligatoirement des images de trĂšs haute qualitĂ©, mais elles doivent toutefois ĂȘtre visuellement correctes.

Mon utilisation des images repose sur l’illustration de mes propos, d’une maniĂšre visuellement attrayante afin que, vous lecteurs, vous souveniez de l’article, du thĂšme, du plugin, du service ou du conseil prĂ©sentĂ©. Donc, dans mon cas, je souhaite compresser les images pour les rendre plus petites, mais sans pour autant qu’elles soient dĂ©sagrĂ©ables à regarder.

Parfois, comme pour les sites de photographes ou d’exposition artistique, la qualitĂ© des images est primordiale. Non seulement la qualitĂ© visuelle, mais aussi les donnĂ©es contenue dans chaque image, les donnĂ©es EXIF, sont vraiment importantes. Ces donnĂ©es contiennent toutes sortes d’informations utiles sur une image, pour les professionnels, .

Par exemple, un photographe professionnel, pourrait vouloir conserver l’ensemble des donnĂ©es EXIF des photos publiĂ©es, afin que les visiteurs puissent voir le modĂšle de l’appareil, les diffĂ©rents rĂ©glages, l’objectif utilisĂ©, ou d’autres donnĂ©es utiles lors de la prise de vue.

Si vous souhaitez en savoir plus sur les donnĂ©es Exif, je vous suggĂšre de tĂ©lĂ©charger une image depuis le site Death to Stock et d’installer l’extension Chrome Exif Viewer. Vous serez alors en mesure de voir toutes les informations stockĂ©es avec chaque photos.

Compression Lossy et Lossless

Dans notre comparatif, nous nous intĂ©resserons uniquement Ă  la compression Lossy (avec perte de qualitĂ©), car sur la majoritĂ© des blogs, la qualitĂ© doit ĂȘtre bonne sans avoir besoin d’ĂȘtre excellente. Le contraire de la compression Lossy est appelé Lossless (sans perte de qualitĂ©).

Compression Lossy

La compression Lossy analyse votre image et essaie de regrouper, autant que possible, les couleurs similaires afin de rĂ©duire les donnĂ©es rĂ©elles qui la composent. Ce qui signifie que cette technique de compression tente de supprimer autant de donnĂ©es que possible, tout en conservant l’aspect gĂ©nĂ©ral de l’image.

C’est trĂšs efficace pour rĂ©duire sensiblement la taille des images, cependant le rĂ©sultat final est de moins bonne qualitĂ© qu’avec la compression Lossless.

Compression Lossless

La compression Lossless, quant Ă  elle, ne supprime pas les donnĂ©es qui composent l’image. Le dĂ©tail de la compression Lossless est trĂšs complexe, mais pour faire simple, il s’agit d’un algorithme qui prĂ©sente, Ă  votre navigateur, une image aussi simplement que possible afin que lui, la recrĂ©e.

Pour faire un parallĂšle, pensez Ă  la crĂ©ation d’un fichier zip. Vous prenez plusieurs fichiers et les combinez dans un fichier zip beaucoup plus petit. Mais une fois que le fichier zip est dĂ©compressĂ©, toutes les donnĂ©es sont Ă  nouveau disponibles exactement comme elles Ă©taient avant qu’elles ne soient compressĂ©es. VoilĂ  ce que fait la compression Lossless avec vos images.

Bien qu’il soit difficile de faire la diffĂ©rence, Ă  l’Ɠil nu, entre deux images compressĂ©es, j’ai fait de mon mieux pour ĂȘtre partial, mais la vue Ă©tant diffĂ©rente pour chacun d’entre nous, vous ne verrez peut ĂȘtre pas les mĂȘmes choses.

1 – Les adversaires

A ma gauche ShortPixel Image Optimiser (version 3.3.2)

ShortPixel Image Optimiser

et Ă  ma droite Imagify Image Optimizer (version 1.4.6)

Imagify Image Optimizer

2 – Environnement de test

WordPress version 4.4.2 avec un seul autre plugin installĂ©, iThemes Security (je ne lance aucun site, mĂȘme pour des test dans que ce plugin soit installĂ© et paramĂ©trĂ©). J’ai utilisĂ© le thĂšme Twenty Twelve pour afficher les images, car Ă  l’heure actuelle (de mon point de vue), Twenty Twelve est le meilleur thĂšme par dĂ©faut que WordPress mette Ă  notre disposition.

3 – Les photos utilisĂ©es

Photos Noir & Blanc

bw-photo1-200
bw-photo2-200
bw-photo3-200
1038 x 692 – 315 Ko
1038 x 692 – 306 Ko
1038 x 584 – 183 Ko

Photos Couleur

colour1-200
colour2-200
colour3-200
1038 x 658 – 305 Ko
1038 x 689 – 336 Ko
1038 x 694 – 401 Ko

BanniĂšres de plugin

plugin1-200plugin2-200plugin3-200
672 x 225 –  54 Ko
672 x 225 – 68 Ko
672 x 225 – 51 Ko

Installation

Imagify Settings
ParamĂštres Imagify

Les deux plugin sont simples à installer et à paramétrer, et nécessitent tous deux une clé API pour fonctionner. Dans les deux cas, les paramÚtres par défaut sont suffisants.

ShortPixel settings
ParamĂštres ShortPixel

Imagify propose de faire apparaĂźtre un menu de compression dans la barre de menu de votre console d’administration, un outil pratique qui vous Ă©vite de rechercher les rĂ©glages dans le menu latĂ©ral.
Imagify Admin menu

Les tarifs

ShortPixel Image Optimiser

Tarif
Cliquez sur l’image pour voir la page tarif du site ShortPixel

Imagify

Tarif
Cliquez sur l’image pour voir la page tarif du site Imagify

Le Test

La procédure de test était divisée en 3 parties:

  • TĂ©lĂ©chargement des images via la section MĂ©dia de WordPress, afin que les plugin compressent les images, chacun son tour. Remise Ă  zĂ©ro du site de test aprĂšs chaque test.
  • Comparaison visuelle des images, sĂ©parĂ©ment et cĂŽte Ă  cĂŽte
  • Comparaison avec zoom 150%, 200% et 300%

Résultats des tests ShortPixel vs Imagify

Photos Noir & Blanc

 

ShortPixel LossyImagify Aggressive

59 Ko

59 Ko

57 Ko

99 Ko

59 Ko

59 Ko

Vainqueur:

ShortPixel

Photos Couleur

ShortPixel LossyImagify Aggressive

36 Ko

36 Ko

48 Ko

57 Ko

66 Ko

127 Ko

Vainqueur:

ShortPixel

Images BanniĂšres

ShortPixel LossyImagify Aggressive

40 Ko

34 Ko

48 Ko

43 Ko

37 Ko

32 Ko

Vainqueur:

Imagify

Le vainqueur est…

Les rĂ©sultats ci-dessus donnent ShortPixel vainqueur Ă  2 reprises. Cependant, bien qu’en terme de poids les images compressĂ©es avec Imagify gagne le dernier test, en terme de qualitĂ©, le rĂ©sultat est diffĂ©rent.

Dans le dernier test, les images traitĂ©es par Imagify font ressortir une pixelisation supĂ©rieure. La diffĂ©rence est encore plus visible si vous optez pour la compression Ultra d’Imagify. Je reconnais qu’Ă  l’Ɠil nu, sur une banniĂšre de 672 x 225 pixels, la diffĂ©rence est peu visible.

Imagify et ShortPixel mĂ©ritent tous deux leur place dans le top des plugin de compression d’images pour WordPress.  Les deux plugin testĂ©s, sont de trĂšs bons plugin.

Si l’on compare les tarifs, le nombre d’images proposĂ©es dans les deux abonnements est sensiblement identique, cependant si vous avez des images dont la taille moyenne dĂ©passe 200 Ko, le choix de ShortPixel s’impose, l’abonnement Ă©tant basĂ© sur un nombre d’images mensuel et non sur une taille maximale, en Gigaoctets, allouĂ©e mensuellement.

Les deux services vous permettent de compresser vos images en ligne, avec un avantage pour ShortPixel, les compressions en ligne ne sont pas dĂ©comptĂ©es de votre quota mensuel.Un dernier plus pour ShortPixel, si vous n’utilisez que peu d’images, jusqu’Ă  100 par mois, l’abonnement est gratuit, ce qui est intĂ©ressant pour les petits sites.

Au final, ShortPixel sort vainqueur de ce test, qui n’a rien d’officiel, et qui repose uniquement sur mon point de vue.

Conclusion

A titre personnel j’ai choisi, ShortPixel, vos images seront plus lĂ©gĂšres et moins pixelisĂ©es. Le choix reste vĂŽtre et je pense que les affinitĂ©s, ou un coup de cƓur vous ferons opter pour l’un ou l’autre des plugin.

Quelque soit votre décision, vous ferez le bon choix!

Avez-vous dĂ©jĂ  entendu parler de ShortPixel et d’Imagify ? Quelles mĂ©thodes utilisez-vous pour compresser les images de votre site? Partagez vos points de vue, et votre expĂ©rience de la compression dans les commentaires ci-dessous!sĂ©parateur de texteSi vous avez trouvĂ© cet article intĂ©ressant, Partagez le. Il intĂ©ressera d’autres personnes. Merci!

Partager sur facebook
Facebook
Partager sur whatsapp
WhatsApp
Partager sur linkedin
LinkedIn
Partager sur twitter
Twitter

Allez plus loins

13 réponses

  1. Salut hubert merci pour ton article, tous les liens « afficher l’image » ne fonctionne pas.
    Pour ma part j’utilise Imagery la team  » Wp Media » quand meme.

  2. Bonjour Deuns,
    Je viens encore d’essayer tous les liens fonctionnent, il s’ouvrent dans une light box. Il y a peut ĂȘtre un des tes plugin qui bloquent l’ouverture de la lightbox.

  3. Etrange, ipad , iPhone, mac, Safari google chrome rien ne marche les liens renvoi Ă  l’accueil. 🙁 pas tester sur pc

  4. Je viens de tester sur Chrome Android, sur PC – Maxthon, Opera, Edge, Vivaldi et Firefox, tous renvoie Ă  la page d’accueil. Je vais le signaler au crĂ©ateur du plugin.

  5. De rien. Je confirme tous est ok.
    Tien hubert je cherche un plugin gratuit pour une seul fenĂȘtre popup sur un site qui se declenche Ă  la sortie d’un site.
    Cette option est en géneral payante sur tous les plugins de popup.
    Bonne continuation je vais regarder tes test d’images.
    Deuns26

  6. Salut, je donne mon retour pour les plugins pop-up de ton lien, seul « exit-popup-with-an-offer » offre gratuitement la fenĂȘtre pop-up exit, pour modifier l’aspect faut prenium.
    Pour la vitesse, moyen ca ralentit pas mal le site.

    Sinon, j’ai trouvĂ© un plugin excellent gratuit et rapide, trĂšs bien codĂ©. « wbounce ». Enfin j’ai trouvĂ©….

    On peut utiliser des shortcode, code html du css enfin crĂ©er son propre template tous sa gratuitement (sans oublier les Ă©toiles et un don pour l’auteur 🙂 ).

    VoilĂ  sinon faut passer sur les plugins Premium, mais pour mon utilisation « wbounce » est parfait et surtout trĂ©s rapide pas besoin de toute les fonctions d’un plugin prenium pour un de mes sites.

    Merci
    Deuns26

  7. Merci pour la comparaison! J’utilise depuis quelques temps ShortPixel sur tous mes sites WordPress et j’adore. J’Ă©tais toutefois curieux quant Ă  Imagify car il Ă©tait proposĂ© par WP Rocket (meilleur plugin de cache par expĂ©rience).

Laisser un commentaire

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

👋 Hello,

Bienvenue sur BlogInfos.com !

Vous ĂȘtes Ă  un seul clic de dĂ©couvrir des centaines d’articles concernant WordPress, Elegant Themes ou encore Elementor et tout cela gratuitement !

Divi 4.0 disponible !

20% de réduction aujourd'hui !

👋 Le site ElegantThemes.com propose une rĂ©duction de 20% et elle ne sera disponible que pendant quelques temps. Ne manquez pas ça !

En cliquant sur le lien « AccĂ©der Maintenant » vous acceptez d’aider ce site et d’ĂȘtre redirigĂ© vers notre partenaire ElegantThemes.