| Retour au menu |

Les images dans les pages HTML

Choisir le bon format

Tout le monde le sait, les fichiers contenant des images sont généralement assez volumineux. Ils se mesurent en centaine de kilo octets. Or, sur Internet, plus les fichiers sont gros, plus ils sont longs à transmettre, et conséquemment, plus vous découragez vos visiteurs à se rendre sur votre site. Il fallait donc trouver un moyen pour compresser les images sans perdre trop de qualité. Deux formats de compression se sont alors imposés. Le format GIF et le format JPG.

Le format GIF

Ce format offre une très bonne compression des plages de couleurs sans nuance. Si vos images comportent de fortes zones de couleurs pleines, c'est le format à choisir. Les images GIF sont aussi les seules à offrir la possibilité de rendre une couleur transparente. Cette fonction est très utile pour intégrer un dessin à une page de façon harmonieuse.

Le format JPG

Si vos images comportent beaucoup de nuances de couleurs ou des dégradés, le format JPG sera mieux approprié. Ce format offre de très bons résultats de compression pour les photographies. Par contre, il est impossible de définir une couleur transparente ou de découper des zones pour les rendre cliquables.

Il est possible, avec les deux formats, de découper des zones invisibles pour offrir des liens multiples sur une même image.

Choisir le bon emplacement

Dans une page HTML, tous les éléments sont enregistrés dans des fichiers séparés. La page que vous lisez présentement comporte trois fichiers, un pour le texte, un pour l'image du toucan et un autre pour la photo. Lorsque vous préparez vos images pour vos pages HTML, il est donc primordial de choisir tout de suite l'emplacement des fichiers. En effet, lors de l'insertion de l'image dans la page, un lien est créé. Si vous déplacez le fichier, ce lien sera rompu et l'image n'apparaîtra pas.

Advenant que vous oubliez de regrouper vos images à un endroit précis, le bouton Regrouper de la barre d'outils vous offre cette opportunité.


| Retour au menu |