Delta14.Daftbug4

Sondage

Pour vous Worms Kart est:

158 votes
58.9%
20.3%
7%
14%


le 25/11/2007 autres sondages

Accueil < informatique < Trucs et astuces

Retrouver la transparence des *.png sous I.E

Ce trou dans Internet Explorer a été le cauchemar de nombreux webmasters... Et oui, car par souci de perfection, celui-ci veille à ne pas créer d'image ayant ceci : transparence non-traité des png 32 bits sous I.E
En fait, ceci est plus précisément la transparence géré par I.E . Avouez que ce n'est pas terrible.

Alors, la première solution que tout le monde connait consiste à transformer le png (généralement en 32 bits) en gif en 8 bits avec transparence . Cette solution est cependant très contraignante et offre des images de mauvaise qualité. la preuve : gif transparent en 8 bits

L'image en elle-même est d'excellente qualité, mais le logo est pixelisé. ça devient génant lorsque vos images comportent des dégradés même faibles. Voir la pointe du "d".


La solution que je vous propose ici consiste à avoir la transparence des png en 32 bits!
Suivez la manipulation suivante:
Tout d'abord

  • ouvrez votre image.png avec votre logiciel de retouche préféré (paint shop pro, photoshop...). En fait, ce qu'il nous faut, c'est un logiciel avec l'option "exporter". C'est grâce à ça que nous obtiendrons un résultat valable.
  • Bien, vous avez votre image sous les yeux. Maintenant, définissez la transparence de l'image.

lien vers détails

Ici, je me sers de Paint Shop Pro 8. Mais les différences entre les différents logiciels doivent être minimes...

  • Une fois la transparence définie, nous allons exporter cette image en gif. Pour éviter des pertes trop conséquentes, vérifiez les paramètres d'exportation. Entre autres, le nombre de couleurs (au maximun => 256 couleurs) et la couleur de transparence. Enregistrez-l'export.
  • A présent, ouvrez l'image *.gif que vous venez d'exporter et qui doit normalement être différente de l'original!
  • Enregistrez-le en *.png, et intégrez-le dans votre page. Voilà le résultat :
transparence en png 32 bits sous I.E!!! Magique

pour ceux qui se posent la question, j'ai réellement eu des problèmes avec ça.
Dernière précision : La dernière étape est délicate. Si cela ne marche pas du premier coup, réessayez   ;)

retourhaut