Images en gif transparent ou png 24 sur fond dégradé

Bonjour,

je dois gérer l'intégration d'un site à fort trafic.

Je commence mon template pricipal et je suis confronté à un problème.

J'ai des éléments transparents et beaucoup d'ombres.

Mon fond est dégradé et est susceptible de changer pour des opérations marketing.

J'ai essayé d'enregistré au format gif transparent sans cache mais le résultat n'est vraiment pas propre.

Avec le png 24, le résultat est largement meilleur mais j'ai peur du poids des images et bien évidemment de me rajouter pas mal de travail pour gérer IE6

Avez vous des recommandations à ce sujet?

Pour infos, j'utilise photoshop cs4

Merci

Hello,

Sans voir la maquette, dur de te conseiller.

Pas moyen de séparer le dégradé en transparence (.png) du reste de l'image (.jpg), et de superposer l'un par dessus l'autre ?

Sinon le PNG, ça s'optimise. Mais ne t'attends pas à des miracles non plus.

Smush.it (nécessite Firefox + plug-in YSlow)
Optimiser la taille des images PNG
Modifié par BeliG (01 Jul 2010 - 14:13)

Il existe un fix pour les PNG sous IE 6 : iepngfix (facile à trouver avec google)
Il fonctionne bien, et ne nécéssite pas trop de travail pour la mise en place.

Merci pour vos réponses.

Je vais regarder du côté des optimisations de png alors.
En même temps on est en 2010, pourquoi je m'embêterai avec des gifs!!!
Modifié par cerilo83 (01 Jul 2010 - 17:16)

cerilo83 a écrit :
j'ai peur du poids des images et bien évidemment de me rajouter pas mal de travail pour gérer IE6

cerilo83 a écrit :
En même temps on est en 2010, pourquoi je m'embêterai avec des gifs!!!

... et avec IE6.

On peut régler le problème avec IE 6 avec le fix dont je parlais, il s'agit d'un fichier .htc, et on s'en sert souvent ici pour les intégrations web avec des dégradés, ça nous permet d'avoir un site propre même avec IE 6 (en priant pour qu'un jour il disparaisse vraiment...)