Optimisation des images pour Internet

Le temps de chargement de vos pages est l’un des paramètres essentiels du succès de votre site. Pour alléger vos pages, l’optimisation des images est une étape incontournable.

En bref ...

La compression de vos images passe obligatoirement par l’utilisation d’un logiciel graphique spécialisé. Nous vous conseillons d’utiliser l’un des deux standards suivants :

  • Adobe Photoshop : la Rolls des logiciels graphiques est malheureusement vendu à un prix relativement élevé, mais vous ne regretterez probablement votre achat. Pour diminuer la taille d’une image, ouvrez là à l’aide de ce programme et choisissez « Enregistrer pour le Web » dans le menu « Fichier ». Choisissez ensuite le format qui vous convient dans le menu « Paramètres », puis cliquez sur « OK »
  • The Gimp: un excellent logiciel gratuit qui propose (entre autres) des fonctions de compression très performantes. Depuis sa version 2.0, The Gimp n’a plus grand-chose à envier à Photoshop. Pour diminuer la taille d’une image, ouvrez là à l’aide de ce programme et choisissez « Enregistrer sous…  » dans le menu « Fichier ». Choisissez ensuite le format qui vous convient en cliquant sur « Sélectionner le type de fichier » puis cliquez sur « Enregistrer… »

Les 3 formats utilisables sur le Web sont :

  • Le GIF, particulièrement adapté aux images qui ont un faible nombre de couleurs. Le GIF permet également d’avoir un fond transparent et de gérer des animations.
  • Le JPEG, qui convient aux images comportant des dégradés ou un nombre important de couleurs.
  • Le PNG, qui peut gérer toutes sortes d’images, mais pas les animations.

En détail ...

3 formats d'image pour Internet

GIF

  • Pas de pertes de détails
  • 256 couleurs (palette possible entre 2 et 256 couleurs)
  • Affichage progressif possible (entrelacé)
  • Gère la transparence et l’animation
  • Très difficile à redimensionner sans perte de qualité

Utilisation : Dessins – Lignes – Logos – Icônes – Images avec texte – Titres – Banderoles – Images de petite taille

JPG

  • Pertes de détails
  • 16,7 millions de couleurs
  • Affichage progressif possible
  • Ne gère pas la transparence , ni les animations
  • Assez facile à redimensionner sans perte de qualité

Utilisation :Photographies – Images avec plusieurs nuances de couleurs – Images +> 30 Ko – Images +> 100X100 pixels

PNG

  • Pas de pertes de détails
  • 16,7 millions de couleurs
  • Affichage progressif possible
  • Gère la transparence (sauf avec Internet Explorer 5.5 et 6.0) mais pas l’animation.
  • Facile à redimensionner sans perte de qualité
  • Légèrement plus volumineux que le GIF

Utilisation : Logos – Icônes – Banderoles – Photographies