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.

* RankSpirit n'a aucun lien particulier avec Adobe. Ce logiciel est cité uniquement parce qu'il représente actuellement un standard pour le traitement de l'image.

En détail ...

3 formats d'image pour Internet

Le tableau ci-dessous est inspiré de la page Optimiser les images pour le Web

Format	Description	Utilisation
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é	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é	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	Logos Icônes Banderoles Photographies

A lire : Optimiser les images pour le Web
L'optimisation des images pour le web

Vous pouvez recopier gratuitement le contenu de cette page sur votre site en respectant quelques conditions de bon sens.
Consultez notre page "Reprendre nos articles sur votre site".

Vérifier l'orthographe avec RankSpirit et "Le Patron"