Gif animé hyper lent dans une page HTML

[Rara]

Bonjour à  tous,

Voilà  mon pb. J'ai créé un gif animé avec Animation Shop2 (le module inclus avec Paint Shop Pro6). Il marche TB quand je teste l'animation à  l'intérieur d'Animation Shop2.
Hélas, quand je l'intègre dans une page HTML, il devient super lent, l'animation est horriblement saccadée, <IMG SRC="/images/smiles/icon_confused.gif"> à  tel point que l'ascenseur vertical devient quasi inutilisable (y compris lors des tests en local) ! La taille de ce gif animé n'est que de 220 ko - ce qui me semble pourtant encore raisonnable, mais bon, je me trompe peut-être.
Si quelqu'un pouvait me donner une explication et me donner une piste pour m'aider à  résoudre ce pb, ce serait cool.
Merci à  tous par avance. <IMG SRC="/images/smiles/thumbs_up46.gif">

[nicko]

Salut,

220 ko pour un gif animé, à§a commence à  devenir pas mal <IMG SRC="/images/smiles/wink_smile46.gif">

Sinon, dans animation shop, selectionne toutes les vignettes, puis vas dans [Animation] > [propriétés de l'image] et regarde la durée de l'affichage. Tu dois avoir une valeur aux alentours de 5 / 100 de seconde.

Si ce n'est pas à§a, tu peux toujours m'nvoyer ton gif par mail, ce sera plus simple de voir ce qui peut clocher.

A+

[Rara]

<TABLE BORDER=0 ALIGN=CENTER WIDTH=85%><TR><TD><font size=-1><b>Citation :</b></font></TD></TR></TABLE><TABLE BORDER=1 CELLPADDING=10 BORDERCOLOR=#FF0000 ALIGN=CENTER WIDTH=85%><TR BGCOLOR=#F3F2F4><TD><FONT SIZE=-1>
Le 17 avril 2005 à  16:33, nicko a écrit :

Salut,

220 ko pour un gif animé, à§a commence à  devenir pas mal <IMG SRC="/images/smiles/wink_smile46.gif">

Sinon, dans animation shop, selectionne toutes les vignettes, puis vas dans [Animation] > [propriétés de l'image] et regarde la durée de l'affichage. Tu dois avoir une valeur aux alentours de 5 / 100 de seconde.

Si ce n'est pas à§a, tu peux toujours m'nvoyer ton gif par mail, ce sera plus simple de voir ce qui peut clocher.

A+

</FONT></TD></TR></TABLE>

Salut Nicko,

Je te remercie pour ta réponse. La durée d'affichage est de 10/100 ème de secondes. La faire passer à  5/100 ème ne change rien. Le pb est une fois le gif inclus dans ma page HTML. Je te remercie pour ta proposition. Je te l'envoie par mail ainsi que la page HTML pour que tu te rendes compte. Si tu peux y jeter un oeil. Un grand merci à  toi. <IMG SRC="/images/smiles/thumbs_up46.gif">

[nicko]

Le pb ne vient pas de ton gif. Je l'ai testé en local et en ligne sur mon espace perso : le résultat est nickel. Il te faut chercher ailleurs.

Je t'envoie le lien vers ma page par mail.

PS : j'espère que tu n'utiliseras pas ce gif comme signature sur le forum <IMG SRC="/images/smiles/teeth_smile46.gif"> <IMG SRC="/images/smiles/teeth_smile46.gif"> <IMG SRC="/images/smiles/wink_smile46.gif">

A+

[alain51]

Salut,

Il est conseillé de n'avoir qu'entre 2 et 20 frames pour un temps de chargement pas trop élevé.

220 ko, c'est vraiment gros pour une page web. Quelques dizaines de ko seraient bien.

Tu peux aussi réduire les dimensions du gif ou le nombre de couleurs pour l'alléger.

Nicko, tu as mis le gif seul ou la page html? Je pensais aussi peut-être à  la conception
de la page.

[Rara]

Merci Nicko.
Effectivement, sur ta page, mon gif animé marche mieux que sur la mienne. Voir <A HREF="http://catice.ac-besancon.fr/mathematiq ... /Index.htm" TARGET="_blank">ICI</A>.
Ceci dit, le gif est quand même beaucoup plus lent, y compris dans ta page (mais cela reste acceptable), que lorsqu'on l'ouvre seul.
Je t'envoie par mail en zip mon dossier. Mais, je ne pense pas que le pb vienne du code HTML puisque dans ta page, il est aussi ralenti par rapport à  ce qu'il devrait être.

Merci aussi à  Alain51. Tu as peut-être raison. Ce gif est trop gros. Je peux essayer de réduire un peu les dimensions (mais ce sera au détriment de la lisibilité). Concernant le nombre de couleurs, je ne peux pas diminuer moins (64 actuellement).

[nicko]

Chez moi le gif passe nickel sur ta page (je suis en 1024). Le pb vient peut être de ta connexion.

Pour Alain > oui, je n'ai mis que le gif. Je pense aussi qu'il est peut être un peu lourd pour une petite connexion...

Manifestement, rien de particulier du coté de la page elle même...

Peut être que l'animation en flash donnerait de meilleurs résultats ?

A+

[alain51]

Salut,

Sur ton lien, l'image ne passe pas trop mal, mais je suis en 1024 ;
à§a doit être galère en 56k! Les visiteurs se sauvent avant que la page
ne soit chargée...

[Rara]

Salut,

Quel navigateur utilisez-vous ? En fait, comme je l'ai dit à  Nicko en message privé, le gif animé n'a pas le même comportement avec Firefox qu'avec IE <IMG SRC="/images/smiles/pi_exclamation_mark.gif"> <IMG SRC="/images/smiles/icon_confused.gif"> En fait, c'est correct quand on ouvre la page avec Firefox ; par contre infame car beaucoup trop saccadé avec IE.
De plus, cela ne dépend pas de la connexion à  internet (j'ai l'ADSL) car le pb est visible hors connexion quand j'ouvre la page en local.

[nicko]

Alors, à§a passe bien avec FireFox et mal avec IE, CrazyBrowser et Maxthon.

Le gif semble être trop lourd. Je fais un test en flash ce soir voir si c'est mieux.

Sinon, comme le suggère Alain, il te faudra réduire la taille des vignettes, essayer d'en supprimer quelques unes (1 sur 4 par exemple) et voir ce que tu peux gagner avec l'assitant de compression d'Animation Shop.

A+

[Rara]

<TABLE BORDER=0 ALIGN=CENTER WIDTH=85%><TR><TD><font size=-1><b>Citation :</b></font></TD></TR></TABLE><TABLE BORDER=1 CELLPADDING=10 BORDERCOLOR=#FF0000 ALIGN=CENTER WIDTH=85%><TR BGCOLOR=#F3F2F4><TD><FONT SIZE=-1>
Le 18 avril 2005 à  9:32, nicko a écrit :

Le gif semble être trop lourd. Je fais un test en flash ce soir voir si c'est mieux.

</FONT></TD></TR></TABLE>

C'est vraiment très sympa de ta part. Je n'y connais rien en Flash donc je ne peux faire moi-même. J'attends ton résultat avant éventuellement de modifier la taille de mes vignettes.
Encore tout plein de mercis.
PS : Si tu n'as pas le temps, t'inquiète. C'est pas grave. Tu as déjà  fait beaucoup. <IMG SRC="/images/smiles/thumbs_up46.gif"> <IMG SRC="/images/smiles/regular_smile46.gif">

[alain51]

Avec mozilla, il est chargé rapidement ; avec ie, j'ai un temps de retard.

[alain51]

Pourquoi ne pas mettre une réduction de ce gif, style 5 cm de largeur,
avec un lien dessous Agrandir l'image (dans un popup par exemple)?
Ca ne pèserait qu'une trentaine de kilos à  l'ouverture de la page.

[nicko]

Ah ben vi, des p'tites infos sur le sujet <IMG SRC="/images/smiles/regular_smile46.gif">

Nous testons actuellement une version flash de l'animation : je l'ai fait vite fait, elle est un peu lourde, mais ce premier test est assez encourageant. On va voir si on creuse cette piste.

Sinon ton idée me semble bonne (je l'ai d'ailleurs suggérée à  Rara lors de notre correspondance privée).

Voilou, à +

[Rara]

<TABLE BORDER=0 ALIGN=CENTER WIDTH=85%><TR><TD><font size=-1><b>Citation :</b></font></TD></TR></TABLE><TABLE BORDER=1 CELLPADDING=10 BORDERCOLOR=#FF0000 ALIGN=CENTER WIDTH=85%><TR BGCOLOR=#F3F2F4><TD><FONT SIZE=-1>
Le 19 avril 2005 à  16:02, Alain51 a écrit :

Pourquoi ne pas mettre une réduction de ce gif, style 5 cm de largeur,
avec un lien dessous Agrandir l'image (dans un popup par exemple)?
Ca ne pèserait qu'une trentaine de kilos à  l'ouverture de la page.
</FONT></TD></TR></TABLE>

Ce serait une possibilité mais le responsable du site (plus exactement de la publication des activités) ne souhaite pas s'orienter vers cette direction pour ne pas perdre les débutants ; l'affichage de nouvelles fenêtres n'étant pas toujours bien perà§u ... Ceci dit, elle sera envisagée j'imagine lors de notre réunion du 28 avril mais s'il existe une solution sans popup, elle sera plutà´t privilégiée. Actuellement Nicko m'a envoyé une animation Flash qui est très intéressante, mais juste un peu longue à  télécharger (ce qui est un handicap pour les personnes naviguant en RTC). Il ne la trouve pas super son animation Flash (il pense qu'il y a moyen de faire mieux) mais je viens d'essayer d'en faire une avec Swish (je n'y connais rien) : j'ai dà» louper quelque chose car elle est horible ! <IMG SRC="/images/smiles/angry_smile46.gif"> Il faut dire qu'elle ne fait que 220 ko contre 1,3 Mo pour celle de Nicko. Conclusion Nicko, pour moi ton animation est super <IMG SRC="/images/smiles/regular_smile46.gif">.