Correction des couleurs dans Internet Explorer 5/6

Voici un exemple pour constater le problème :

PNG 8 bits avec fond opaque PNG 8 bits avec fond opaque, corrigée pour Internet Explorer

Pour contourner le problème des ombres dans Internet Explorer 5/6, évoqué à la page donnant un exemple des transparences, on a intégré la couleur de fond dans l'image (elle ne possède donc plus de transparences). L'image a été sauvegardée avec Paint Shop Pro 8. Malheureusement, Internet Explorer 5/6 affiche mal l'image de gauche. Celle de droite devrait avoir un fond correct ; les deux images on pourtant la même couleur de fond. Nous allons voir comment obtenir la seconde image.

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 6.

Correction du problème à l'aide de TweakPNG

Il ne s'agit pas d'une correction très propre. Ça permettra simplement d'avoir les mêmes couleurs dans Internet Explorer, Mozilla et Opera 7. Dans Opera 6 par contre les couleurs seront alors mauvaises (alors qu'elles étaient bonnes avec le fichier d'origine). Il se peut que des problèmes apparaissent sous Mac ou Linux ; je n'ai pas testé.

Commencez par télécharger le programme à l'adresse suivante : entropymine.com/jason/tweakpng.

Lancez le programme et ouvrez un fichier PNG à corriger. La liste des blocs contenus dans le fichier est affichée :

TweakPNG, 1

Parmis les blocs du fichier, on retrouve un bloc de type "gAMA". C'est celui-ci qu'Internet Explorer 5/6 traite mal. Étant donné que dans les images simples il ne semble pas indispensable (si quelqu'un a des précisions, il peut toujours m'envoyer un e-mail), nous allons le supprimer :

TweakPNG, 2

Il ne reste plus qu'à sauver l'image. Elle devrait alors s'afficher correctement, comme l'image de droite dans le test du début de cette page.


Retour à la page d'accueil