Le PNG est un format graphique très approprié dans le domaine du graphisme multimédia, il permet au même titre que le GIF de gérer les transparences en 256 couleurs et également, son principal atout, de les gérer en couleurs vraies ce qui permet de jouer sur les effets de profondeurs et donner une touche plus qualitative à vos design...

Or dans le domaine du web, cet atout peut s'avérer être un handicap à cause de sa compatibilité entre les différents navigateurs, et notamment sur Internet Explorer où on est obligé de recourir à des fonctions propriétaire pas toujours aisé à mettre en place pour obtenir l'effet escompté.

L'utilisation d'une image PNG ou d'une image GIF en 256 couleurs apposé sur une page html avec un fond de couleur pourrait vous sembler identique au niveau du rendu ?

Et bien oui et non ! Le rendu entre ses 2 images s'avère être identique sur les navigateurs Firefox et Netscape mais pas sur Internet Explorer (IE version 6.0) ! L'interprétation du PNG sur IE provoque un léger décalage de couleurs entre le fond de l'image (ici un bleu #AAC0EA) et le fond de couleur définit dans la page HTML.

Interprétation dans Firefox

Le rendu du fond bleu est identique entre les 2 formats

Interprétation de la même image GIF et PNG dans Internet Explorer

Même si le fond html a un code hexadécimal identique le rendu est légèrement différent.

Attendons de voir ce que va donner le rendu de ce test avec Internet Explorer 7…