Réduction du poids des images pour le web : Optimisation PNG

Il existe, comme nous l'avons vu sur la page de comparaison entre JPEG, GIF et PNG pour le Web, deux formats PNG. Il est préférable d'utiliser le PNG8 (PNG 8 bits ou 256 couleurs) pour les sites internet tant ses possibilités sont intéressantes et son poids réduit. Nous allons donc voir ici comment correctement diminuer le nombre de couleurs de la palette afin d'économiser un maximum de poids tout en préservant une bonne qualité d'image.

Diminution du nombre de couleurs de la palette : couleurs indexées

Dans tous les cas avant de diminuer le nombre de couleurs d'une image vous devez applatir tous les calques : 'Image > Applatir l'image'.

Bien sûr si votre image est en noir et blanc il est préférable de choisir la fonction 'Image > Mode > Niveaux de gris' et de passer à l'étape suivante directement.

Voici le panneau de réduction des couleurs de Gimp 2 que vous obtiendrez dans le menu 'Image > Mode > Couleurs indexées...' :

Options générales de la palette :

Malheureusement Le Gimp 2 n'integre pas encore de prévisualisation en temps réel de la baisse du nombre de couleurs de la palette. Ainsi vous allez devoir entrer des valeurs, comprises entre 1 et 256 couleurs, valider et voir si le résultat vous satisfait. Si non il faudra annuler les modifications et recommencer avec une autre valeur.
Commencez par des valeurs basses et montez progressivement. Qui croirait que le titre de ce site (le logo Gimp.en1heure) ne fait que 32 couleurs tout compris ?

Commencez par 32, si ça ne va pas 48, ou 64. A partir de plus de 128 couleurs il peut être plus intéressant d'enregistrer l'image en JEPG.

Avant de valider vérifiez bien les options de tramage.

Options de tramage :

Diminuer le nombre de couleurs c'est bien, que ça ne se voit pas c'est encore mieux. Le but des options de tramage est justement d'utiliser habillement les couleurs pour donner l'impression que l'image en contient plus. Il est donc déconseillé, dans la plupart des cas de désactiver les options de tramage. Ne cochez donc pas "pas de tramage" sauf si l'image ne contient vraiment pas beaucoup de couleurs.
D'après tous les tests que j'ai pu réaliser sur des centaines d'images j'ai pu constater que dans 95 % des cas la meilleure méthode est celle du "Tramage couleur par position" tant au niveau visuel que de celui du poids de l'image.
Dans le cas d'une image transparente vous pouvez appliquer un tramage sur celle-ci. Ne cochez pas la case si l'image est opaque.

Choix des paramètre d'optimisation pour l'enregistrement du PNG

Ca y'est, votre image est prête, elle est optimisée au niveau des couleurs, il ne reste plus qu'à l'enregistrer intelligemment.
Voici le panneau d'enregistrement des images en PNG :

Je ne vais ici développer que les options utiles, vous pouvez sans crainte désactiver les autres afin d'économiser de précieux octets.

Entrelacement (ADAM7)

Même effet que l'affichage progessif JPEG, permet d'afficher l'image de plus en plus nettement au fur et à mesure du téléchargement. Si votre image est bien légère cette option ne sert à rien et peut être désactivée.

Enregistrer les valeurs de couleur pour les pixels transparents

Permet d'utiliser la transparence évoluée du PNG24 (pour plus d'informations voir la page de test des formats d'image)

Taux de compression PNG (sans perte)

C'est l'option la plus efficace. Adobe Photoshop ne gère pas un taux de compression de plus de 6. Le Gimp permet d'utiliser un taux de compression largement supérieur afin de gagner en légèreté. Choisissez toujours la compression 9, la plus efficace.

Complément d'information

• JPEG ou l'optimisation pour le Web
• Revenir au sommaire de l'enregistrement des images avec Gimp 2

Imprimer cette page | Ajouter aux favoris
Revenir en haut de la page

Besoin d'aide ? Une question ?

N'hésitez pas à venir chercher de l'aide ou des explications spécifiques sur le forum En1heure.
Nous ferons notre possible pour vous aider au plus vite.