Exemple d'utilisation de transparences

Ci-dessous une image PNG 32 bits utilisant des transparences (alpha channel). À gauche l'image en transparence au-dessus d'un fond non uni. À droite une capture d'écran de ce que devrait donner l'image dans un navigateur supportant les PNG transparents. À part Internet Explorer 5/6 pour Windows, tous les navigateurs récents devraient afficher l'image sans problèmes.

PNG 32 bits avec transparences Capture illustrant comment devrait s'afficher l'image de gauche

Si vous n'avez pas plusieurs navigateurs à votre disposition, vous pouvez voir ce que donne ces images avec un navigateur moderne et avec Internet Explorer 5/6.

La question qui pourrait venir à l'esprit est "quel est l'intérêt de ces transparences pour le web ?". On peut par exemple utiliser ce système pour faire des ombres qui s'adaptent peu importe le fond sur lequel elles sont :

PNG 32 bits avec transparences PNG 32 bits avec transparences PNG 32 bits avec transparences
PNG 32 bits avec transparences PNG 32 bits avec transparences PNG 32 bits avec transparences

Avec Internet Explorer 5/6 ou un autre navigateur ne supportant pas les transparences, cela ne donne pas grand chose évidemment. Cliquez ici pour voir une capture d'écran de ce à quoi ça devrait ressembler.

Cette image provient de cette page.


Retour à la page d'accueil