Transparence des images

Catégorie: Webmastering | 392 lectures

Les dimensions de l’image sont toujours exprimées en hauteur et en largeur. Elles ont toutes une forme rectangulaire. Impossible d’avoir un rond ou une forme artistique. Pour contrer ce problème, on détoure le personnage, la forme ou le texte et on lui ajoute la couleur du fond de notre page web. Une autre solution, plus logique, est d’enregistrer l’image détourée sans aucun fond.

Le format Gif accepte la transparence sur une seule valeur. Autrement dit, sur les 256 couleurs une seule peut être transparente à 100 % d’opacité. Il n’existe pas de dégradé dans l’opacité de la teinte. Les contours risquent alors d’être disgracieux par manque de souplesse dans la transition des pixels. Petit exercice pratique.

L’image ci-dessous a un fond complètement transparent et une opacité de 50 %. Il y a donc deux contraintes: faire apparaître un coutour harmonieux et laisser passer la couleur du fond à travers les formes. Dans l’enregistrement pour le web de Photoshop, l’option détourage permet d’indiquer une couleur de transition entre le contour et le fond. En Gif, sans détourage les contours sont crénelés. Le blanc en détourage donne un bon résultat mais crée un halo disgracieux dès que la couleur du fond change. Le PNG-8 correspond au Gif avec les mêmes problèmes. Par contre, le PNG-24 supporte correctement la transparence.

Malheureusement, Internet Explorer 6 et les versions précédentes supportent très mal les niveaux de transparence. Il faut alors bidouiller des solutions pour contourner le problème ou patienter qu’Internet Explorer 7 s’impose sur les postes de travail. Reste que le format sans destruction ne rivalise pas avec le taux de compression du Jpg. Le PNG est donc une alternative au Gif, format propriétaire faut-il le rappeler.


GIF - sans détourage

GIF - détourage blanc

GIF - détourage blanc

PNG-8 - sans détourage

PNG-24

PNG-24


Commentaires

2 Responses to “Transparence des images”

  1. Ced on septembre 23rd, 2007 17:02

    Le GIF fait partie du domaine public depuis 2006 http://www.clubic.com/actualit.....ibere.html

  2. Morgan on septembre 23rd, 2007 20:46

    Merci Ced pour l’info. Il va falloir mettre mes acquis à jour.

Laisser un commentaire