Réduire le poids des images - Tutoriel pour Webmasters  

Accueil > Tutoriels pour Webmasters > Réduire le poids des images

Réduire le poids des images

Le poids des images web est important pour optimiser la vitesse d'affichage d'une page web. Ce tutoriel explique comment réduire le poids des images avec le logiciel The Gimp et l'application web Smushit de Yahoo.

Prérequis

Ce tutoriel est assez simple à comprendre et détail la plupart des étapes. Idéalement il faut avoir The Gimp d'installé sur votre ordinateur ou au mieux il faut tout de même savoir comment télécharger et installer ce logiciel.

Utiliser The Gimp

Le logiciel Gimp est un outil de retouche d'image. C'est un peu l'équivalent gratuit de Photoshop. Si vous ne l'avez pas sur votre ordinateur il est facile de télécharger Gimp et de l'installer.

Redimensionner une image

En redimensionnant une image, le poids peut être réduit significativement. Cela est avantageux d'autant plus que le changement de dimension n'affecte pas forcément la qualité de l'image pour certain type d'utilisation.
Pour redimensionner une image il suffit de cliquer dans la barre des tâches sur "image" (à côté de "fichier", "édition" ...) puis sur "échelle et taille de l'image".


Dès lors une fenêtre s'ouvre pour choisir les nouvelles dimensions. Il faut ensuite valider le choix des nouvelles dimensions en cliquant sur "échelle".


Et enfin enregistrer l'image en cliquant sur "fichier" -> "enregistrer".


Réduire la qualité d'une image Jpeg

Le format d'image Jpeg peut être compressé à différent taux. Plus une image est compressé, moins elle est lourde et plus la qualité se dégrade. L'avantage de Gimp c'est que lorsqu'une image Jpeg est sauvegardée, le logiciel demande automatiquement à quel taux il doit être compressé.
L'étape pour choisir le taux de compression consiste à cliquer sur "Fichier" -> "Enregistrer sous" et dans l'une des fenêtres qui s'ouvre, il suffit de choisir la qualité entre 0 et 100.


Utiliser Smushit

L'outil Smushit permet de compresser une nouvelle fois une image. L'outil supprime les informations inutiles sans toucher à la qualité de l'image. Voici les points caractéristiques qui font le succès de Smushit:

  • Plusieurs types d'image acceptée
  • Plusieurs façon pour envoyer une image (upload ou à partir d'une URL)
  • Informations pour savoir le poids qui a été gagné
  • A la fin toutes les images sont incluses dans un fichier zip

Avec Gimp et Smushit, les images peuvent optimisée au mieux. C'est ainsi idéal pour optimiser le chargement des images sur un site web.