Réduisez le poids de vos images avec Imagify

Les images sont un des éléments qui ralentissent le plus le temps de chargement d’un site. Il suffit de faire un test sur Webpagetest.org ou encore gtmetrix.com pour s’en rendre compte.

L’équipe de WP Rocket ( qui est un plugin WordPress de cache, qui permet d’optimiser le temps de chargement d’un site WP) vient de lancer Imagify, une application et un plugin qui ont pour but de réduire le poids des images et d’améliorer ainsi le temps de chargement d’un site.

Utiliser l’application Imagify en ligne

Bonne nouvelle si nous n’avez pas de site sous WordPress, vous pouvez compresser vos images et photos directement sur le site : imagify

Si vous avez une boutique en ligne, vous devez avoir des photos de grande qualité donc lourdes ! Il faut donc les optimiser en utilisant imagify ou un autre service.

Il vous suffit  pour ça :

  • de créer un compte ( gratuit mais limité ),
  • de télécharger les images ou photos à optimiser,
  • de laisser l’application faire son job,
  • puis de télécharger sur votre ordi les images optimisées,
  • et enfin de les intégrer à votre site ou boutique en ligne.

Et en image ça donne ça :

imagify application

 

Le plugin Imagify pour WordPress

Si vous avez un site WordPress alors le plugin va vous simplifier le processus.

Avant, j’utilisais le plugin WP Smush Pro qui fonctionnait bien mais il n’est pas compatible avec mon thème so Imagify

Vous pouvez le télécharger ici : plugin Imagify WordPress.

Pour l’installer et l’utiliser, suivez le guide 🙂 :

  • Allez dans votre administration extensions/ajouter/mettre une extension en ligne, puis uploadez le fichier téléchargé :

installer imagify

  • Une fois Imagify installé, suivez les 3 étapes qui s’affichent à l’écran pour obtenir votre clé d’activation. Elle est envoyée dans la minute par e-mail.

créer un compte imagify

Les réglages d’Imagify

Imagify permet 2 modes de compression :

  • Agressif : mode de compression maximal avec une légère perte de qualité imperceptible à l’œil nu
  • Normal : mode de compression basique sans aucune perte de qualité

Les autres options :

  • Optimiser automatiquement les images envoyées : à cocher, c’est tout l’intérêt d’utiliser ce plugin : c’est que chaque image ajoutée à votre site sera automatiquement compressée.
  • Conserver une copie des images d’origine : à vous de voir, moi je n’aime pas avoir 36 images dans 36 fichiers différents donc j’ai décoché surtout que normalement on conserve les images d’origine sur notre ordinateur.
  • Redimensionner les images trop grandes :  ça peut être intéressant, pour redimensionner les images super trop grandes à la largeur maximum des images utilisées par votre thème (ici 1024px)
  • Tailles à optimiser : sélectionnez les tailles couramment utilisées par votre thème. Par défaut, sélectionnez miniature, moyenne, grande qui sont souvent utilisées dans WordPress. Sur Clictutoriel, j’utilise Woocommerce donc j’ai aussi sélectionné les principales images de la boutique.

imagify paramétres et réglalges

Optimiser les images déjà téléchargées

Pour compresser les images qui sont déjà sur votre site, allez dans la barre d’en haut Imagify/optimisation en masse.

imagify optimisation en masse

Dîtes moi en commentaire si vous avez testé Imagify et ce que vous en pensez ou si vous utilisez un autre service pour optimiser vos images. J’aime découvrir de nouveaux outils 🙂
10 novembre 2015

3 réponses sur "Réduisez le poids de vos images avec Imagify"

  1. Salam aleikoum oukhty,

    Merci beaucoup pour ce partage, jusqu’ici j’allais modifier la taille de mes photos sur picmonckey, pas sûre que c’est une bonne idée, là l’avantage avec ce plugin c’est que ça le fera automatiquement, c’est top !

    • Aleyki salam oukhty,

      Merci pour ton retour. Je ne pense pas que picmonkey permette la compression des images. Il vaut mieux utiliser WP Imagify ou WP Smush. Et en plus comme tu dis ça le fait automatiquement pour chaque nouvelle image téléchargée 🙂

  2. as saelm a3leyk wa rahmatou Allah

    Merci comme tjr top les Tuto !
    J’ai tout suivi et ça fonctionne merci

    Baraka Allahou fiki

Laisser un message

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

© 2015-2017 clicltutoriel