Transparent PNG & IE (optimisation)

Classified in : WebMaster - Tags : PNG, images, GIF, IE, optimise

Internet Explorer 6 n'affiche pas correctement les images PNG transparentes, voici des solutions !

Autant le dire tout de suite : il n'y a pas de solutions miracles ! !

La première des solutions est d'utiliser une image GIF : ça peut paraître rétrograde, mais l'image sera lu correctement partout et elle sera moins "lourde" qu'une image PNG qui est assez lourde.

Sinon, un article d'Alsacréations (toujours au top) donne de bonnes pistes.

A priori, la meilleure solution est d'utiliser des images en PNG 8 bits.
Il n'est pas possible d'utiliser Gimp pour créer des images PNG 8 bits avec transparence, les PNG 8 bits générés avec Gimp ressemble à du GIF. Voir l'article du site En 1 heure, et aussi la documentation de Gimp.
L'alternative est d'utiliser la ligne de commande avec pngnq (packagé dans Ubuntu, donc s'installe avec un sudo aptitude install pngnq ).

On peut trouver plus d'informations sur les images PNG et l'optimisation dans ces articles (en Anglais) :

 

Il y a aussi d'autres scripts basés sur l'AlphaImageLoader (que celui donné par Alsacréations) :

 

Enfin pour information, Internet Explorer n'est plus le premier browser en Europe (depuis ce mois-ci), d'après StatCounter.

En résumé, voici ce que j'utilise pour obtenir des fichiers PNG de taille réduite et visibles dans IE6 :
(mais dans certains cas -petit fichier, en particulier- un fichier GIF sera une meilleure solution à tester au cas par cas)

$ pngnq mon_image.png && pngcrush -brute -q mon_image-nq8.png mon_imageN.png

 

Bon affichage d'images ! ! wink 

[ no comments ]

© Le Computing Froggy  !

  • Article Currently 2.51/5
  • 1
  • 2
  • 3
  • 4
  • 5

 Rating : 2.5/5 (43 votes cast)

Write a comment

What is the second letter of the word zhikay? :