Bonjour,
 
Pourriez vous jeter un oeil à cette page : http://asptt.basket.sn.free.fr/
 
Cette page est faite graçe à un tableau, avec un rollover sur les petites bombes.  
 
J'aimerai savoir si l'utilisation de CSS pour cette page pourrai l'optimiser et si oui comment faire techniquement ??
 
Sinon est ce que vous savez si on peut utiliser le format PNG pour n'importe quel navigateur WEB et si oui quel outil de compression d'image utiliser pour ce support (On m'a dit que GIMP faisait bien la chose)
 
Merci de votre aide .

Tu penses que faire ça en CSS, optimiserait beaucoup la page ?
 
En fait si j'ai bien compris je mets le balon et logo ASPTT, en iage de fond, les liens en liste et les bombe en puce (puce qui change sur le hover?)
 

Je pense qui si tu fait ça bien tu pourra réduire le code HTLM des 2/3 !

Et au niveau gain d'affichage ??

oui, c'est ça. Vu la taille du code, tu économiseras beaucoup de ce côté là. Par contre, le poids principal de la page résidant dans les images, tu ne gagneras pas beaucoup au total, à moins d'essayer un autre format peut-être moins lourd.

Tu veux parler de la vitesse d'affichage ?
Vu toutes les images, ça sera négligeable.

 
Quoi comme format ? et comment je fais pour conserver ma police & style graphique pour la liste des liens (je garde des images par dessus un background ?)

AMHA tu vas avoir du mal avec IE. Parceque la bonne technique serait de faire ça avec des PNG transparents, mais tu dois savoir d'IE ne le gère pas...
Tu vas tout devoir aligner parfaitement et ça va être chiant.

bon alors je laisse ça comme ça
je vais attendre 10 ans pour qu'IE fasse les choses biens ...
 
C'est pas gagné  
 
::

 
faudrait arrêter un peu de parler sans savoir.
 
La transparence simple (la même que celle concernant les gifs) marche parfaitement sous IE. Il y a juste un problème de couleur, c'est tout.  

Si on s'arrête aux couleurs, où allons-nous ?
Et de toute façon la transparence binaire pour ce site, je ne le sens pas trop...

Comment ça tu ne l'as sens pas trop

Tu auras de l'aliasing tout autour de tes images, voilà.

 
Bon on va faire plus clair :
 
IL N'Y A AUCUNE DIFFERENCE entre utiliser des GIFS TRANSPARENTS et des PNGS TRANSPARENTS.

...avec IE.

 
Avec aucun navigateur. Le seul problème avec IE, c'est une légère différence au niveau des couleurs qui peut parfaitement être corrigé d'ailleurs...

Si pour toi gérer la transparence en binaire c'est pas un problème !

BOn calmez vous là, je ne pige rien..
 
Moi je veux savoir si c'est mieux d'utiliser du PNG dans mon cas sachant que les bords de mon images son blancs et que mon background est blanc !!
 
Voilà

A la question posée la réponse est "peut-être", pas d'un point de vue technique, mais d'un point de vue gain de place.

L'idée serait d'utiliser la transparence PNG un peu comme les calques de Photoshop ou Gimp. Tu aurais une image de fond, transparente ou non (ici le gros ballon trouble). Et les autres images viendraient par dessus. Par exemple, celles contenant le texte auraient un fond transparent, laissant apparaître le gros ballon trouble.
Il serait très difficile avec cette technique d'obtenir un beau résultat avec une transparence binaire.

D'accord merci pour la réponse.
 
Cependant par logique, si je mets des images les unes par dessus les autres sans réels raison, (sans fusion), ça me parait demander une plus grande place non ?

non, pas spécialement, cela dépend du type d'image. Certains se compressent nettement mieux que d'autres suivant le format utilisé.

Comme le dit gizmo, ça te permet d'utiliser le format le mieux adapté pour chacune des images. Par exemple un fond en JPEG et les "icones" en PNG peuvent être moins lourd que l'ensemble en JPEG. Tous simplement parce que tes "icônes" sont adaptées au PNG, mais leur fond sont adaptés au JPEG, d'où l'intérêt de différencier tout ça.
 
Sans compter que ce système est infiniment plus souple et adaptable.

Ouai ok , mais bon là ça va me demander trop de boulot, pour un résultat peut être incertain sous IE ne sachant pas quel sont les bonnes options de compression à utiliser sous Photoshop, mais je vais voir si j'ai le courage je vais chopper GIMP ..
 
En fait j'ai vu sur openweb, une démonstration de PNG et ça tue

A signaler qu'il existe une solution pour avoir la pleine transparence PNG avec IE. Que se soit bien ou mal de l'utiliser, ça existe.

Pour une comparaison entre le png et le gif je vous conseille ceci :
http://openweb.eu.org/articles/png_vs_gif/
 
Et pour "patcher" IE afin d'activer la transparence graduelle des png il y a aussi ceci :
http://homepage.ntlworld.com/bobosola/pngtestfixed.htm