Source : http://blog.jaysalvat.com/articles/png-8-bits-avec-transparence-alpha-cest-possible.php

IE6 interprétera quand même ça comme un GIF (transparence binaire), mais les bons élèves auront de jolis fondus.

Éric : merci pour la petite discut’ et ton avis toujours pertinent ! 😉

Yves les cas où la transparence est requise est très fréquemment limitée aux icônes et images de graphisme, souvent petites. La différence PNG8 / PNG24 est quasiment invisible assez souvent dans ce cas.
Je peux t’assurer que dans les équipes où j’ai travaillé on a toujours trouvé des solutions ou au pire des compromis, acceptés même pas les graphistes les plus intransigeants.

Sinon pour PNGHack l’image est bien venant du cache. Par contre le filtre est réappliqué à chaque fois, avec une charge de CPU non négligeable .. sans compter celle du script PNGhack lui même.

Tentez d’imposer un aller-retour avec votre graphiste / directeur artistique. Insistez pour passer 30 minutes à trouver une solution ou un compromis. Oui, j’insiste sur la notion de compromis parce que lui aussi doit faire un pas en avant pour une solution commune. Sérieusement sur ce sujet précis je n’ai jamais vu d’échec.

il faut juste insister et remonter la chose jusqu’à ce que cette petite réunion se fasse. C’est votre responsabilité en tant que dev web / intégrateur. Si vous ne le faîtes pas c’est que vous considérez votre travail comme de la pure exécution qu’on pourrait remplacer par un bon logiciel. Il y quelques années j’avais écrit http://www.cybercodeur.net/weblog/articles/art_20040606.php mais c’est toujours d’actualité.

Mais surtout cette réunion peut durer 30 minutes la première fois. Elle peut nécessiter de faire pression pendant des semaines pour que le graphiste accepte de dire autre chose que « c’est moi qui décide toi tu fais avec » en oubliant que vous aussi vous avez une responsabilité d’autres aspects de qualité du site.
Une fois que c’est fait les suivantes prendront moins de cinq minutes parce que les solutions sont souvent simples et les compromis ne sont pas si durs à avaler pour peu qu’on y réfléchisse sans à priori ni lutte d’influence.

Si vous ne faites rien, alors rien ne sera fait. Mais si vous souhaitez faire quelque chose, je peux vous garantir qu’il y a des solutions possibles derrière et qu’elles ne vont pas mettre en l’air le résultat graphique ou le planning du projet. Il ne s’agit que de volonté, pas d’obstacles techniques ; et cette volonté dont je parle c’est la votre, pas celle du graphiste.

Sinon pour le cache, tout dépend du développeur, l’utilisation de PNGHack (http://png-hack.googlecode.com) par exemple démontre bien que les images sont accédé à partir du cache.

Je plussois le dernier point de changer filtre en _filtre.

Pour éviter le filter, j’aurais tendance à supprimer une ombre portée sous IE6 et à passer à du PNG8 uniquement sous ce navigateur : c’est moins beau, mais ça n’altère pas les perfs, ça « degrade gracefully ». Et si en plus ça peut « punir » l’utilisateur qui tourne encore sous IE6, je ne vais pas cracher sur ce petit plaisir mesquin…

(je demande parce que c’est vendredi après-midi et que j’ai la flemme ;))

Que les gens se disent bien que s’ils croient être dans l’exception (qui existe, on est d’accord), il y a 98% de chances qu’ils se trompent.

Puis des grosses images PNG24 avec transparence …, je suis curieux, très curieux.

Tout dépendra donc de la maquette en effet… j’ai pas mal de contre-exemples en stock (de très grandes images en PNG 24). Mais je te suis tout à fait sur la démarche globale cependant !

Les rares fois où la qualité du PNG8 avec transparence binaire n’est pas satisfaisant, il est possible de faire des petits compromis avec le graphiste pour trouver une solution. Ca peut par exemple fusionner l’image transparente avec le fond d’en dessous pour avoir une seule image non transparente.

Dans l’ensemble on peut avoir un site joli *et* rapide. Là où je bosse on a parfois des graphistes très radicaux, mais je n’ai jamais eu aucun conflit entre perf et graphisme. Dans les très rares cas où le PNG8 n’allait pas, on a toujours trouvé une solution sans avoir à mettre des filtres Internet Explorer.

On ne peut pas se permettre de jeter des mauvaises performances à plus de 50% des utilisateurs. Qu’on pense qu’ils aient raison ou tort d’utiliser encore IE6 n’intervient même pas.

Je ne vois pas vraiment ça comme un problème. La seule utilité que j’ai des filtres IE est de conserver une compatibilité avec IE6, le temps que ce navigateur disparaisse : les performances importent peu dans ce cas.

Je privilégie cependant un équivalent PNG8 de l’image en PNG24 lorsque c’est possible (c’est à dire la plupart du temps).

Pour appliquer le filtre ou l’image alternative, j’utilise la technique des commentaires conditionnels : http://www.lesintegristes.net/2008/04/08/cibler-internet-explorer-dans-une-css-oui-et-sans-hack/