PNG & IE = problèmes de performance?

PNG & IE = problèmes de performance? - Divers - Programmation

Marsh Posté le 20-02-2003 à 15:48:43    


Je constate que la visualisation d'une page avec beaucoup d'images PNG est sensiblement plus lente que la même page avec des GIF.  
 
Par 'beaucoup' d'images je veut dire une 50-aine de screenshots visibles directement et pour chaque image il y a un lien vers la version nl, fr et de quand on clique le lien.  
 
Je suis sous W2K Pro avec IE 6.  
 
Le support des PNG dans IE serait-il en cause?  
 
Avander


---------------
A thing of beauty is a joy forever (John Keats)
Reply

Marsh Posté le 20-02-2003 à 15:48:43   

Reply

Marsh Posté le 20-02-2003 à 15:50:34    

Qu'est que tu entends par visualisation ? Le temps de chargement/affichage ou le seul fait de scroller ?


Message édité par gm_superstar le 20-02-2003 à 15:56:39

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-02-2003 à 15:50:57    

oui. d'ailleurs le support du PNG est partiel

Reply

Marsh Posté le 20-02-2003 à 16:36:45    

Effectivement le temps de chargement/affichage. Les images sont tous de type 'interlaced' et j'ai le temps de voir l'effet de 'volet' au fur et a mesure qu'il affiche les images.  
 
Maintenant il faut que je précise que la machine n'est plus toute jeune ( de mémoire : processeur MX II 300 et 128Mb RAM), mais bon la diffèrence avec les gifs est flagrante.  
 
Avander


---------------
A thing of beauty is a joy forever (John Keats)
Reply

Marsh Posté le 20-02-2003 à 16:46:34    

Une image PNG peut être codée en 16 millions de couleurs (au lieu de 256 pour le GIF), donc le décodage doit sans doute être un peu plus complexe.
Si elles sont plus lourdes ça doit jouer sur le temps de transfer aussi.
 
Enfin il faut comparer sur des sites où la mise en page est la même car sinon ce n'est pas valable. Un site mal codé qui recours trop massivement aux tableaux imbriqués sera toujours plus long à afficher qu'un autre à la mise en page plus légère.
Tu pensais à un site particulier ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-02-2003 à 16:55:16    

gm_superstar a écrit :

Une image PNG peut être codée en 16 millions de couleurs (au lieu de 256 pour le GIF), donc le décodage doit sans doute être un peu plus complexe.
Si elles sont plus lourdes ça doit jouer sur le temps de transfer aussi.
 
Enfin il faut comparer sur des sites où la mise en page est la même car sinon ce n'est pas valable. Un site mal codé qui recours trop massivement aux tableaux imbriqués sera toujours plus long à afficher qu'un autre à la mise en page plus légère.
Tu pensais à un site particulier ?


IE supporte que le PNG-8, donc mise à part l'algo un peu plus complexe que le GIF car un peu plus compressé, il devrait pas changer beaucoup par rapport à un GIF.
Non, mais comme a dit Taz, IE supporte mal le PNG, M$ ne l'a pas intégralement implémenté, et apparement, c'est un stagiaire qui a codé ça dans une macro excel un week-end... ;)

Reply

Marsh Posté le 20-02-2003 à 16:56:57    

MagicBuzz a écrit :

IE supporte que le PNG-8


Non, c'est les PNG avec canal alpha qu'il ne supporte pas. Enfin il les supportes mais à condition de passer par des propriétés CSS spécifiques.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-02-2003 à 17:08:44    

en effet, IE affiche les PNG 24 et 32 bits sans prob. Il faut "juste" appeler un filtre DirectX pour que la transparence des PNG 32 bits soit prise en compte.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 20-02-2003 à 17:13:42    

gm_superstar a écrit :


Non, c'est les PNG avec canal alpha qu'il ne supporte pas. Enfin il les supportes mais à condition de passer par des propriétés CSS spécifiques.


ha bon ? c vrai ? on peu mettre du png24 ? :ouch:
 
ha !!! oui, je sais pkoi j'utilisais pas :)
 
photoshop 5 était bugé et teintais les images en rose quand on faisait du png-24, donc j'ai jamais trop utilisé ce format :D

Reply

Marsh Posté le 20-02-2003 à 17:14:57    

gm_superstar & antp > vous savez quel est le nom de ce filtre ? un petit exemple d'utilisation basique ? en effet, ça m'intéresse... super pratique pour faire des jolis menus biscornus par exemple :)

Reply

Marsh Posté le 20-02-2003 à 17:14:57   

Reply

Marsh Posté le 20-02-2003 à 17:22:34    

C'est assez lourd en fait :D
 
j'avais fait un test (à partir d'exemples trouvés sur le web) où le PNG 32bits marchait à la fois dans IE et dans les vrais browsers (Moz/Opera) avec un simple tag img
 
dans IE 5.5 et 6 ça marchait dans environ 75% des cas je dirais...
 
malheureusement l'url ne marche pas là maintenant :(
(un compte gratos sur ovh.org)
donc faudra attendre ce soir :o


Message édité par antp le 20-02-2003 à 17:23:09

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 20-02-2003 à 17:26:27    

Reply

Marsh Posté le 20-02-2003 à 17:26:40    

Ha bhen j'ai retrouvé les fichiers, bande de petits veinards :D
www.antp.be/test/pngalpha/
 
et le zip si vous voulez les fichiers en un coup:
ftp://pub.antp.be/antp/hfr/pffville.zip
 
C'est un test que j'avais fait pour le topic pffville de la section Graphisme.
Quatre PNG en forme de losange (donc avec des parties transparentes), et comme ils sont en 32 bits il faut faire appel à un filtre dans IE pour que ça s'affiche bien.


Message édité par antp le 20-02-2003 à 17:29:08

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 20-02-2003 à 17:27:57    

Ah tiens ça me fait penser que j'ai une poste à terminer moi :whistle:


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-02-2003 à 17:40:51    


ben si on passe par CSS, c'est pas gênant, puisque MOZ et autres vont ignorer le style et interpréter le PNG normalement, alors que IE qui l'interprète pas normalement, va appliquer le style, donc à priori, si c'est pas trop mal foutu, le même code sera compatible pour tous les navigateurs

Reply

Marsh Posté le 20-02-2003 à 17:42:52    

Ouais, si on le fait comme dans l'exemple que j'ai donné ça peut aller, mais faut faire gaffe, ça n'a pas l'air de marcher partout...


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 20-02-2003 à 17:49:25    

MagicBuzz a écrit :

ben si on passe par CSS, c'est pas gênant, puisque MOZ et autres vont ignorer le style et interpréter le PNG normalement, alors que IE qui l'interprète pas normalement, va appliquer le style, donc à priori, si c'est pas trop mal foutu, le même code sera compatible pour tous les navigateurs


C'est mal pour 2 raisons :
- Cette propriété ne respecte pas la convention de nommage des propriétés CSS propriétaires (mais on en a déjà parlé ;))
- Ta feuille de style ne pourra pas être valide (et elle ne le sera  pas dans le futur puisqu'il n'est pas question d'intégrer cette propriété dans les futures recommendation, contrairement à ce qu'indique Microsoft)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-02-2003 à 17:51:53    

antp a écrit :

Ouais, si on le fait comme dans l'exemple que j'ai donné ça peut aller, mais faut faire gaffe, ça n'a pas l'air de marcher partout...  


sous IE 5.0 c'est tout blanc :D
 
(bon, d'un autre côté, mon pc au taff déconne, je vois une image sur 10 quand je suis sur internet avec, donc c peut-être à cause de ça ;))

Reply

Marsh Posté le 20-02-2003 à 17:52:41    

je crois qu'il faut IE 5.5 minimum


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 20-02-2003 à 17:52:58    

gm_superstar a écrit :


C'est mal pour 2 raisons :
- Cette propriété ne respecte pas la convention de nommage des propriétés CSS propriétaires (mais on en a déjà parlé ;))
- Ta feuille de style ne pourra pas être valide (et elle ne le sera  pas dans le futur puisqu'il n'est pas question d'intégrer cette propriété dans les futures recommendation, contrairement à ce qu'indique Microsoft)


Ouais, je suis d'accord, mais à la base, du moment que ça marche, c'est le principal, et si ça marche aujourd'hui, à priori, ça devrait continuer à marcher pendant un certain temps, au moins le temps qu'une nouvelle version d'IE qui supporte le PNG 32bits deviennent la plus utilisée des versions de IE ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed