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,

6

Bienvenue sur BlogInfos.com !

Vous allez bient√īt √™tre redirig√© vers notre partenaire ElegantThemes.com

Si vous ne souhaitez pas √™tre redirig√© vers notre partenaire et acc√©der √† l’article, cliquez sur Fermer Maintenant.

DIVI - TH√ąME WORDPRESS

-20%

ūüĎč 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 ¬ę¬†Fermer Maintenant¬†¬Ľ vous acceptez d’aider ce site et d’√™tre redirig√© vers notre partenaire ElegantThemes.