6. Images
6-2 Formats et résolution d'image
La question critique dans l'utilisation d'images est le temps de téléchargement nécessaire. Voici un site qui vous permettra de comparer de la vitesse de chargement et de la qualité de deux images encodées avec des formats différents[2] : http://www.infohiway.com/faster/simulator.html.
Les stratégies possibles[3] pour accélérer le chargement d'une image et pour améliorer le confort de l'utilisateur sont:
- spécifier la taille de l'image dans la commande "img". De cette manière, le browser pourra dessiner un cadre vide de la bonne taille et afficher le texte du document avant que l'image ne soit complètement chargée.
- penser à la largeur standard des écrans (640 X 480 pixels). Les utilisateurs disposant d'un écran 14'' standard vous seront reconnaissant pour ne pas voir des images qui dépassent la largeur affichable dont ils disposent.
- réduire la taille du fichier. Ce que l'on gagne en volume de fichier, on le perd en qualité d'image. Néanmoins, pour l'affichage à l'écran une résolution moindre est souvent suffisante.
- choisir une profondeur de couleur inférieure à 8 bits lorsque vous sauvez l'image après traitement, e.g. 6 bits. La couleur de chaque point est encodée par un certain nombre de bits. 8 bits correspond à une image en 256 couleurs. 6 bits correspondent quant à eux à 64 couleurs.
- interlacer les images en format GIF. Cette opération correspond à une fonctionnalité des logiciels de traitement d'image. L'effet lors du chargement de l'image est que le lecteur voit apparaître une image de faible résolution qui s'améliore par 4 passages successifs.
- pour les grandes images, utilisez une version de taille réduite (thumbnail) de l'image dans votre document et mettez-y un pointeur vers la version large de votre image.
<a href="http://tecfa.unige.ch/~jermann/images/big_cow.gif"> <img src="http://tecfa.unige.ch/~jermann/images/nn_exposure.gif" align=left alt="a cow" hspace=15 > </a>