Optimisez vos images pour le web avec GIMP

Toutes aussi importantes que votre contenu écrit, les photos et images sont essentielles à la performance de votre site web. De bons visuels améliorent l’expérience utilisateur de vos potentiels clients, mais encore faut-il les utiliser de la bonne manière.

Un bon usage des images commence par l’optimisation de celles-ci pour le web. En d’autres mots, vous devez réduire le poids de vos images  (l’espace qu’elles occupent sur une mémoire) le plus possible, sans toutefois compromettre leur qualité.

Pourquoi ? Parce que la vitesse de chargement de votre site web est grandement affectée par le poids de vos photos. En utilisant des visuels trop volumineux, vous risquez de rendre votre site web plus lent et de faire fuir vos visiteurs, ce qui nuira d’ailleurs à votre positionnement sur les moteurs de recherche.

Heureusement, il existe des façons simples d’optimiser vos images avant de les diffuser sur votre site web. Pour ce faire, nous vous recommandons d’utiliser GIMP, un logiciel gratuit de retouche d’image. 

L’optimisation d’images avec GIMP

  1. Commencez par télécharger GIMP gratuitement en utilisant ce lien : https://www.gimp.org/downloads/.
  2. Une fois le téléchargement terminé, ouvrez GIMP.
  3. Vous allez alors pouvoir importer la photo que vous souhaitez optimiser dans GIMP. Pour ce faire, cliquez sur Fichier, puis Ouvrir… 
  4. Choisissez l’image à traiter, puis cliquez sur Ouvrir.
  5.    Maintenant, il faut optimiser l’image en lui donnant des dimensions et un poids convenables pour votre site web. Pour ce faire, cliquez d’abord sur Image, puis sur Échelle et taille de l’image…
  6.  Vous allez maintenant pouvoir voir et modifier les propriétés de votre image. Ici, les dimensions de l’image utilisée sont de 8256 par 4644 pixels, ce qui est beaucoup trop large pour un site web. Nous allons réduire sa largeur à 1500 pixels*. Appuyez sur le bouton encerclé sur la deuxième capture d’écran ci-dessous pour garder les proportions de votre image.*Remarque : les dimensions que vous choisirez de donner à votre image dépendent de l’utilisation que vous allez en faire. L’idée est de diminuer son poids le plus possible, en  réduisant l’image à la taille adéquate pour votre site web. 
  7. Une autre propriété que vous pourrez alors modifier est la résolution de l’image. Généralement, les images optimisées pour le web ont une résolution de 72 pixels/pouce ou 92 pixels/pouce.
  8. Une fois ces modifications complétées, appuyez sur Mettre à l’échelle.
  9. Vous allez alors pouvoir exporter votre photo et la sauvegarder sur votre ordinateur. Cliquez sur Fichier, Exporter sous… et choisissez l’emplacement où vous voulez sauvegarder votre image. Cliquez ensuite sur Exporter.
  10. Vous verrez alors apparaître une boîte de dialogue. Choisissez la qualité que vous voulez attribuer à votre image. Nous vous conseillons de régler la qualité entre 80 et 90 pour un rendement optimal (une plus haute qualité signifie une plus grande taille). Cliquez ensuite sur Exporter. Vous vous retrouvez maintenant avec une image dont le poids est considérablement réduit et qui ne nuira pas à la vitesse de chargement de votre site web !Avez-vous d’autres questions sur GIMP ou sur l’optimisation des images pour le web ? Laissez-nous le savoir en commentaire !