compression

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.
Accueil > optimiser-images-web

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 :
HackerLe 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.
HackerLe JPEG, qui convient aux images comportant des dégradés ou un nombre important de couleurs.
HackerLe 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

Demandez un devis à l’agence SEO (15 ans d’expérience)