Captinfo

Membre de ClickFR, Reseau francophone Paie-Par-Click
En page de dmarrage...
Soyez les bienvenus sur Captinfo ;-)
Site:    
Amliorer son site    
Publication    
   
 


LE POIDS DES IMAGES

Sommaire:
I- Les images
1.1- Images et vitesse de chargement.
1.2- Les formats d'images: GIF ou JPEG.
1.3- 3 erreurs a viter.
1.4-Les images ractives.

1.1- Images et vitesse de chargement.
Un des plus gros problme du Web est la vitesse de chargement des pages, c'est dire le temps qu'elles mettent se charger et s'afficher compltement. C'est particulirement long lorsqu'une page contient beaucoup d'images.
Beaucoup de facteurs interviennent, je vais vous dtailler les 3 principaux:

Vitesse d'accs Tous les utilisateurs ne se connectent pas internet de la mme faon donc le dbit de leur connexions peut varier normment.

Bonnes et moins bonnes images. Si une image est mauvaise les gens n'accepterons pas d'attendre aussi longtemps que si elle est excellente. Une bonne image peut par exemple tre une image ractive qui sert de moyen de navigation.

Niveau de frustration Certains utilisateur peuvent aller voir votre site partir de cyber caf. Ceci n'attendront donc pas la fin du chargement de votre page si celle si n'est pas assez rapide. Et oui il faut vraiment penser tout les internautes, tout le monde n' pas la chance d'avoir internet chez soit!

Essayez par tous les moyens de rduire la taille de vos fichiers images. Rendez vous sur des sites spcialiss et faites le meilleur choix afin de prendre les plus intrssantes. (Attention d'avoir l'autorisation, il ne faut pas publier n'importe quoi..).

Conseil: Il vaut mieux mettre pleins de petites images sur votre page plutot qu'une grosse qui sera trs longue afficher.

Voici maintenant un tableau qui montre combien de temps prend le tlchargement de 100Ko en fonction de la vitesse d'accs.
Vitesse d'accs
Description
Temps
28.8KBS
Modem trs ancien
30 secondes
56KBS
Modem actuel
20 secondes
ADSL
Ligne tlphonique numrique
2 secondes
Cable tlvision
Tldistribution d'images animes
Moins d'une minute
Ethernet
Rseau local
Moins d'une minute

1.2- Les formats d'images GIF ou JPEG.

On appelle format la faon dont sont arranges dans les fichiers les lments qui reprsentent les pixels de l'image. Sur le web on rencontre principalement les formats GIF ET JPEG.

GIF: (Graphics Interchange Format: format d'change d'images). C'est le format d'image le plus utilis sur le net. Il est limit a 256 couleurs et convient donc aux ayant qui n'ont pas beaucoup de couleurs. C'est le meilleur format pour crer des icones ou des sparateurs.

JPEG: (joint Photographic Experts Group: groupe d'expert en photo). C'est le meilleur format pour les images car il prserve les nuances.

Les fichiers GIF offrent d'autres avantages comme la transparence et l'entrelacement. La transparence esr la possibilit de choisir une des couleurs et de la rendre transparente de faon qu'on puisse voir ce qu'il y drrire, sur la page.
L'entrelacement consiste a sauvegarder une image de faon se qu'elle se charge progressivement dans son ensemble.

1.3 - 3 erreurs a viter.

Pas du tout d'images. Vos pages seraient alors ennuyeuses.
Trop d'images. C'est une faute courante viter absolument. Il faut ne jamais perdre de vue le temps de chargement de vos pages.
Pas de texte de remplacement.Certains utilisateurs peuvent avoir dsactiv le chargement des images dans leur navigateur.
Pensez prvoir un texte de remplacement pour chaques images. (attribut ALT)

1.4-Les images ractives.

Les images ractives peuvent tre prpares partir de n'importe quel format d'images accpts sur le Web. (GIF, JPEG, PNG).
Il s'agit d'une image de taille suffisante, dcompose en zone facilement reprables qui sont affctes chacunes un appel de liens diffrents. Ces zones s'appellent les "zones sensibles". En cliquant sur l'une d'elle on ouvre la page correspondante.
La ralisation d'images ractive se fait assez facilement en utilisant des logiciels tels que MapEfit ou MapThis.
 
  Haut de page