Imagify : le meilleur plugin de compression d’images

Disclaimer : Cet article inclut des liens affiliés, ce qui signifie qu’on gagne une petite commission si tu réalises un achat après avoir cliqué sur le lien. Passer par un de nos liens affiliés est un moyen de supporter l’équipe Web & SEO. Merci pour ton soutien et bonne lecture !

Les images d’un site internet sont de loin les éléments les plus longs à charger. Elles représentent en général plus de la moitié du temps de chargement d’un site ! Il est donc très important d’optimiser tes images afin de réduire le temps de chargement de ton blog ou de ton e-commerce. Et pour ce faire, il y a un plugin WordPress tout indiqué : Imagify.

Imagify permet en effet de compresser automatiquement toutes les images de ton site web sans rogner sur leur qualité. Il présente donc le double avantage d’améliorer l’expérience des visiteurs, qui attendront moins longtemps, mais également le travail de référencement des robots de Google, qui pourront crawler ton site plus facilement.

Dans cet article, je vais te présenter Imagify sous tous les angles. Installation, fonctionnement, prix, avis, avantages et inconvénients… Nous allons voir tout ça ensemble et tu seras bientôt incollable sur cet excellent plugin WordPress.

Imagify, qu’est-ce que c’est ?

Développé par la team française WP Media, qui est aussi à l’initiative de l’excellent plugin de cache WP Rocket, Imagify permet de diminuer considérablement la taille des images tout en maintenant une bonne qualité d’affichage. C’est une extension très populaire puisqu’elle enregistre au moment d’écrire ces lignes 600 000 installations actives et une note de 4,5/5 sur le catalogue officiel.

Imagify peut s’attaquer aux formats d’images suivants :

• JPG
• PNG
• PDF
• GIF animés et non-animés

Et il est possible d’utiliser Imagify de 2 manières différentes :

• Au travers du plugin WordPress
• Au travers de ton compte Imagify qui peut servir de logiciel de compression en ligne

Quel que soit ton secteur d’activité ou ton objectif, ton site web comporte sans aucun doute des images dans l’un des formats ci-dessus. Si certaines images mettent du temps à se charger, que tu les aies toi-même ajoutés ou qu’elles soient utilisés par ton thème et tes plugins, Imagify peut les compresser.

Il est également possible de définir des dossiers spécifiques dans ta bibliothèque de médias WordPress et de les compresser avec cette extension.

Concrètement, Imagify va récupérer les images présentes dans ta médiathèque WordPress et les compresser sur ses propres serveurs. Une fois cette action réalisée, le plugin t’envoie une nouvelle version de l’image qui va remplacer l’originale (il est possible de garder une copie).

Tu peux optimiser les images de façon individuelle ou procéder à une compression de masse si tu as beaucoup de fichiers.

Pourquoi optimiser ses images ?

Avant d’entrer dans le vif du sujet et te présenter Imagify en détail, voyons en quoi optimiser les images d’un site internet est important.

Pour faire très simple, un site internet performant est un site qui a tout pour plaire. Il se charge rapidement, quelle que soit la qualité de la connexion de l’utilisateur, et il facilite le travail de référencement des robots de Google. C’est donc un site qui sera apprécié par les humains comme les programmes informatiques.

Autrement dit, un site avec un temps de chargement élevé a littéralement du plomb dans l’aile. Surtout si les visiteurs naviguent avec leur smartphone.

Lorsqu’un internaute ou un robot de référencement demande à visiter une page, ton serveur va devoir charger tous les éléments qui la composent afin d’afficher correctement les informations qu’elle contient :

• En-tête
• Pied de page
• Menus
• Titres
• Textes
• Liens
• Tableaux
• Boutons
• Images et bannières
• Feuilles de style CSS
• Etc.

Comme nous l’avons vu précédemment, les images sont de loin les éléments les plus volumineux de tes pages et articles. Il est donc très important de les optimiser en réduisant au maximum leur poids sans pour autant rogner sur leur qualité.

Une erreur que font la plupart des éditeurs de sites débutants, c’est de téléverser sur WordPress des images dont le poids fait plusieurs mégabits. Cela va inévitablement demander beaucoup plus de ressources. Personnellement, je m’efforce de n’uploader que des images d’environ 150 ko ou moins.

En utilisant, en plus, une extension comme Imagify, tu vas créer un véritable cercle vertueux :

• Les images sont plus légères et se chargent plus rapidement.
• L’internaute accède aux infos de ton site plus rapidement ce qui réduit le risque de taux de rebond (autrement dit, qu’il quitte ton site immédiatement) et augmente ton taux de conversion.
• Ce taux de rebond réduit indique à Google et consorts que le contenu de ton site est digne d’intérêt ce qui peut améliorer son score SEO.
• Les robots de référencement viendront donc plus souvent sur ton site qu’ils pourront eux-mêmes consulter plus facilement ce qui augmentera encore ton score SEO.
• Ton site étant mieux référencé, un plus grand nombre de visiteurs viendront le visiter et ainsi de suite.

En bref, optimiser ton site avec une extension comme WP Rocket et compresser tes images avec Imagify tombe sous le sens.

Quelles sont les bonnes pratiques pour ses images ?

Qu’importe que tu utilises une extension de compression d’images ou non. Mieux vaut suivre quelques bonnes pratiques simples pour éviter à ton site de prendre trop de poids.

Pour commencer, mieux vaut éviter de téléverser sur ton serveur des images trop grandes. Une photo prise avec un appareil photo peut facilement dépasser 4 Mo : c’est beaucoup trop pour un usage sur le web. Il est donc recommandé d’utiliser un logiciel de retouche pour redimensionner tes images à des dimensions inférieures (1 920 x 1 280 ou 1 080 x 720 pixels) afin de réduire leur poids.

Deuxièmement, il faut choisir le bon format de fichier. Certains formats sont plus lourds que d’autres, notamment le PNG. Si ce format est idéal pour des images comportant des zones transparentes, mieux vaut utiliser le JPG / JPEG, voire le WebP pour les photos. Ce dernier est très bon pour compresser des images sans perdre en qualité.

Troisièmement, il est toujours bon de compresser une image avant de la téléverser sur ton site. Des logiciels comme Adobe Photoshop proposent exactement ça. Tu peux facilement redimensionner l’image et choisir un niveau de compression afin de réduire le poids du fichier final. Si tu n’as pas accès à Photoshop, je t’invite à te renseigner sur d’autres logiciels comme Optimizilla ou Kraken.io.

Imagify, ça marche comment ?

Le fonctionnement d’Imagify est très simple :

1. Installe et active le plugin sur ton site WordPress.
2. Configure Imagify et optimise les images de ton site en masse.
3. Compresse des images via ton compte Imagify (facultatif).

Et c’est tout ! Une fois ces quelques étapes franchies, Imagify va s’occuper de compresser tes images de manière automatique.

Voyons tout cela un peu plus en détail.

Étape 1 : télécharger et activer Imagify sur WordPress

Pour commencer, direction le catalogue des extensions WordPress.

Dans ton interface WP, tu vas retrouver l’extension en te rendant dans la rubrique Extensions => Ajouter. Recherche ensuite le mot-clé “Imagify” dans le moteur de recherche textuel.

Une fois que tu as trouvé l’extension, clique sur le bouton Installer maintenant. Puis, clique sur le bouton bleu Activer afin d’accéder aux réglages et lancer l’optimisation des images. Le processus complet ne dure pas plus de quelques minutes.

Tu devrais ensuite voir apparaître un encart t’expliquant les étapes à suivre pour utiliser le plugin :

1. Entrer ton adresse mail pour recevoir ta clé d’API (nécessite la création d’un compte Imagify).
2. Cliquer sur le lien dans le mail envoyé par Imagify pour accéder à ton compte.
3. Récupérer la clé API qui permet d’utiliser le plugin. Pour cela, il faut te rendre dans la rubrique API – Intégration de ton compte Imagify et copier la clé dans ton presse-papier.
4. Retourner dans WordPress et coller la clé d’API dans le champ prévu à cet effet.
5. Configurer le plugin.

Ca y est ! Le plugin est désormais actif sur ton site WordPress. Tu vas maintenant pouvoir configurer Imagify comme bon te semble.

Étape 2 : configurer Imagify et optimiser les images en masse

Pour commencer, Imagify t’affiche les réglages généraux du plugin au travers desquels tu vas pouvoir cocher ou décocher certaines options.

Optimisation automatique des images

Optimiser automatiquement les images que tu envoies dans ta médiathèque WordPress est un bon moyen de gagner du temps. En gardant cette option cochée, le plugin va compresser toutes les nouvelles images sans que tu n’aies besoin de faire quoi que ce soit. Je te conseille donc de la laisser cochée.

Conservation des images originales

Comme la précédente, cette case est cochée par défaut dans Imagify. Mieux vaut la laisser telle quelle puisque cela programme l’extension pour garder une copie du fichier d’origine. Si besoin, ça te permettra de revenir à la version précédente ou de l’optimiser en choisissant un autre niveau de compression.

Quoi qu’il en soit, je te conseille de faire des sauvegardes de tes images. Ton compte Imagify peut en garder un certain nombre mais la meilleure option reste d’en conserver une copie sur ton disque dur.

Images au format WebP

Je te conseille de garder cette case cochée également. Le format d’image WebP a été créé par Google. Il propose un niveau de compression encore meilleur que les traditionnels JPEG, JPG et PNG etc. sans pour autant altérer leur qualité.

Imagify propose deux méthodes pour afficher les images au format WebP :

• Utiliser des règles de réécriture : même si c’est la méthode la plus simple, il vaut mieux éviter de l’utiliser car cela modifie ton fichier .htaccess qui est vital au fonctionnement de ton site web. Et si tu utilises un CDN (réseau de diffusion de contenu), cette méthode ne fonctionnera tout simplement pas.
• Utiliser des balises <picture> : c’est la méthode recommandée pour afficher tes images au format WebP. Par ce biais, les images sont justement servies par un CDN dédié. Cependant, cette méthode va remplacer toutes les balises <img> par des balises <picture> ce qui peut briser ton site. Mieux vaut donc faire un test avant de te lancer là-dedans.

Médiathèque

Imagify peut redimensionner automatiquement toutes les images trop grandes. Je te conseille de laisser le réglage par défaut à 2 560 pixels de largeur. La taille la plus large que WordPress prend en compte est de 2 048 pixels et ce réglage ne devrait jamais être inférieur à ce nombre.

Tailles à optimiser

WordPress crée automatiquement différents formats de fichiers lorsque tu téléverses des images dans la médiathèque. Tu peux optimiser chacun de ces format en cochant les cases correspondantes. Il faut simplement savoir que plus tu sélectionnes de formats différents, plus tu consommeras tes crédits Imagify rapidement (voir le chapitre sur les tarifs ci-après).

Dossiers personnalisés

Ici, tu peux indiquer à Imagify le thème WordPress que tu souhaites optimiser. Tu peux également ajouter des dossiers précis afin que le plugin se charge de les optimiser automatiquement.

Options d’affichage

Enfin, la dernière option te permet d’afficher ou de masquer le menu d’accès rapide à Imagify dans ta barre d’outils WordPress.

Optimisation de masse

Une fois ces options paramétrées, tu peux les enregistrer et passer à l’optimisation de masse en cliquant sur le bouton vert en bas de page. Je t’invite à laisser ces options telles quelles car elles s’appliquent à la plupart des cas de figure.

Passons maintenant à l’outil d’optimisation des images en masse.

On constate que ces options se trouvent dans la rubrique Médias de l’interface WordPress et non dans les réglages généraux.

Sur cet écran, tu vas retrouver des statistiques sur l’optimisation des images de ton site web. Imagify t’indique le poids des images originales ainsi que le pourcentage économisé après optimisation.

En bas à gauche de cet écran, tu retrouves un bouton qui peut s’avérer bien pratique : Imagif’em all que l’on pourrait traduire par “Imagifie les tous”. C’est avec ce bouton que tu vas pouvoir optimiser un grand nombre d’images en une seule fois. L’opération peut prendre un certain temps comme l’indique la fenêtre pop-up qui s’ouvre à ce moment-là.

Une fois le travail d’optimisation réalisé, Imagify actualise la page et t’affiche le nombre de fichiers optimisés, le pourcentage d’images compressées, l’espace gagné ainsi que le crédit restant. Concernant ce dernier point, on le verra un peu plus loin dans le chapitre sur les tarifs d’Imagify.

Optimisation par fichier média

Enfin, il est possible d’optimiser chaque fichier de manière individuelle en passant par la médiathèque.

Pour ce faire, il faut te rendre dans la rubrique Médias => Médiathèque et de sélectionner le fichier que tu souhaites compresser. Pour fonctionner, Imagify a besoin que ta bibliothèque d’images soit affichée en liste. Si elle s’affiche en grille, tu devrais voir apparaître un encart pour te demander de changer.

En passant à la vue en liste, voilà ce que ça donne :

Sur la droite, on retrouve plusieurs informations sur le fichier et l’optimisation apportée par le travail du plugin. Si l’image n’a pas encore été compressée, tu devrais voir apparaître un bouton te permettant de le faire. Si le fichier n’a pas besoin d’être optimisé, Imagify va automatiquement le détecter et t’indiquer qu’il n’y a rien à faire.

Étape 3 : compresser des images au travers de ton compte Imagify

En te rendant sur ton compte Imagify, tu verras qu’on accède à des fonctionnalités supplémentaires :

• L’optimisation d’images.
• L’optimisation de pages web.

Dans les deux cas de figure, tu peux choisir le niveau de compression appliqué aux fichiers :

• Lossless : ce niveau de compression réduit le poids des images sans altérer le rendu à l’œil nu. Tu conserves donc la qualité d’origine mais cela se fait au détriment du gain de poids.
• Smart : ce deuxième niveau de compression réduit le poids des images de manière plus drastique. Cela se fait néanmoins sans altérer la qualité de l’image. Avec cette option, Imagify trouve le bon équilibre de manière autonome en appliquant le meilleur compromis entre qualité et performance.

Pour utiliser cette fonctionnalité, il te suffit de sélectionner tes fichiers par un drag and drop ou de copier-coller l’URL de la page. Ton compte Imagify opère un suivi des images compressées en listant tous les fichiers sur le même écran. Tu peux également retrouver un historique temporaire de toutes optimisations dans l’onglet History de ton compte Imagify.

Cette fonctionnalité est très pratique si tu souhaites optimiser tes images en vue de les diffuser en dehors de WordPress.

Comment j’ai optimisé des milliers d’images avec Imagify

J’ai installé Imagify sur plusieurs de mes sites web. En lançant l’optimisation de masse, j’ai réussi à économiser plus de 50% du poids des images en moyenne. Mener une telle action sur des sites qui comptent des centaines, voire des milliers d’images présente des bénéfices énormes. Tout d’abord, le serveur est bien plus léger, mais les pages web sont surtout bien plus rapides à charger.

Sur l’impression d’écran ci-dessous, tu peux voir pour chaque image le nouveau poids de fichier ainsi que le gain en pourcentage. En un clic, tu peux également restaurer le fichier original si besoin.

C’est donc un outil hyper efficace qui m’a permis d’alléger la charge supportée par mon serveur, d’améliorer l’expérience utilisateur ainsi que le référencement naturel de mes sites.

Les images sont en effet l’un des facteurs déterminant du ralentissement du chargement d’une page. La rapidité web étant le crédo de l’équipe WP Media, ils ont décidé de développer leur offre avec une solution complète d’optimisation d’images en plus de leur extension phare, WP Rocket.

Découvrir le plugin Imagify en vidéo :

Quel est le prix pour utiliser Imagify ?

Imagify est disponible sous 3 formules différentes :

• Starter : formule gratuite limitée à l’optimisation de 20 MB par mois (environ 200 images). Une fois le quota consommé, tu peux attendre le mois suivant pour continuer à optimiser des images ou payer $8 par GB additionnel.
• Growth : formule à $4,99 par mois limitée à l’optimisation de 500 MB par mois (environ 5 000 images). Une fois le quota consommé, tu peux attendre le mois suivant pour continuer à optimiser des images ou payer $5 par GB additionnel.
• Infinite : formule à $9,99 par mois sans aucune limite d’optimisation.

Avantages et inconvénients d’Imagify

Note globale : 4,8/5

Avantages

• L’interface ultra simple d’utilisation.
• Pas besoin de configurer l’extension à chaque fois : passer une seule fois sur les réglages suffit.
• La prise en compte du format WebP qui va sans doute gagner en popularité dans les années à venir.
• Le plan gratuit qui permet de se familiariser avec l’outil et qui convient à de nombreux cas d’usage (blogs, sites vitrines, petits sites e-commerce…).
• L’excellente optimisation des fichiers qui se fait généralement sans aucune perte de qualité visible à l’œil nu.
• Avec une seule licence, tu peux utiliser Imagify sur autant de sites que tu veux. Le quota d’optimisations mensuelles étant partagé entre tes différents sites.
• Imagify utilise ses propres serveurs pour optimiser les images. Ca permet d’utiliser ce service sans consommer la bande passante de ton propre hébergeur web.

Inconvénients

• Si tu utilises un CDN, tu risques d’avoir des soucis pour convertir tes images au format WebP.
• La formule gratuite ne sera sans doute pas suffisante si tu as un blog avec beaucoup de contenus et d’images ou un site e-commerce avec de nombreuses références.
• Imagify ne propose pas de remboursement. C’est-à-dire que si tu as souscrit à une formule annuelle, tu ne seras pas remboursé : tu n’auras d’autre choix que d’utiliser le plugin jusqu’au bout ou de passer à un outil concurrent sans récupérer tes billes.

Alternatives à Imagify

Même si Imagify est l’un des plugins de compression d’images les plus répandus, il existe plusieurs alternatives tout aussi intéressantes.

Parmi mes extensions favorites, je te conseille de regarder celles-ci :

• ShortPixel : ce plugin propose, comme Imagify, 2 niveaux de compression. Il est très pratique pour alléger l’ensemble des fichiers images (JPEG, PNG, GIF, WebP, AVIF) et PDF de ton site sans effort.
• Optimus HQ : ce plugin premium est très léger, rapide à configurer et peu onéreux. Pour seulement $29 / an, tu vas pouvoir l’installer sur un nombre de sites illimité. En plus d’optimiser les images, tu pourras toutes les convertir en WebP pour un gain de temps supplémentaire.
• reSmush.it : ce plugin de compression te permet d’optimiser les images en définissant assez librement le niveau de compression de 0 à 100. Contrairement à ses concurrents, reSmush.it est un plugin totalement gratuit.
• EWWW : ce plugin est très complet et permet d’optimiser les images existantes ainsi que les nouveaux téléversements. Compatible avec les principaux formats d’images dont le WebP, il permet de compresser des images sans pertes de qualité, de faire des mises à l’échelle ou encore d’activer le chargement différé des images (lazy load).

Si tu souhaites connaître d’autres alternatives à Imagify, je t’invite à lire ma sélection des meilleurs plugins pour optimiser ses images sur WordPress.

Avis Imagify 2024 : le meilleur plugin pour compresser ses images ?

Note globale : 4,8/5

À mon avis, Imagify remplit parfaitement son job alors je ne peux que te le recommander à 100%. D’ailleurs, je me suis pris une licence Infinite pour mes sites, et je considère l’investissement plus que rentable vu son efficacité 🙂

C’est sans aucun doute le plugin de compression d’images le plus performant du marché. L’interface est simple d’utilisation, que tu sois un utilisateur débutant ou confirmé de WordPress. Et, même si la version gratuite se limite à 20 MB de fichiers par mois, ça reste un excellent choix si tu as un budget limité et un petit site.

Les images sont bien optimisées, sans aucun effort de ta part. J’apprécie le fait de n’avoir à paramétrer l’extension qu’une fois puis de la laisser travailler en toile de fond. Et la prise en compte du format WebP est selon moi un véritable plus.

Si tu gères un site web, tu as certainement des images qui ont besoin de perdre du poids. Que tu souhaites utiliser Imagify ou une extension concurrente, c’est un sujet que tu ne devrais jamais négliger tant les bénéfices peuvent être grands en termes d’expérience utilisateur et de référencement naturel.

Quel que soit ton choix, n’oublie pas de suivre les bonnes pratiques dont je t’ai parlé ci-dessus. Ca te sera toujours utile !

Et toi, que penses-tu d’Imagify ? Cet article t’a donné envie de passer les images de ton site à la moulinette ? Je t’attends dans les commentaires ci-dessous pour en discuter. 😉