Page précédente Home

LA GESTION DES IMAGES

Une page illustrée est certes plus attrayante, mais les images doivent avant tout en faciliter la consultation et la compréhension.

1) Images GIF ou JPeg ?

Le langage HTML accepte actuellement deux formats : GIF et JPeg ( uniquement des fichiers graphiques en mode point)
Le GIF, créé le premier, est plus restrictif sur le plan technique : il ne gère que 256 couleurs contre 16,7 millions pour le JPeg.
(Généralement, 256 couleurs sont largement suffisantes)
Les fichiers de ces deux formats sont compressés et se chargent sensiblement à la même vitesse.  Le choix est donc une affaire d'opportunité.
A noter qu'avec le GIF, on peut créer des images dont une partie est transparente (GIF transparent)
Le GIF permet aussi d'obtenir des images animées en superposant plusieurs images GIF les unes sur les autres et en réglant le temps d'affichage de chacun des plans.

2) Comment récupérer des images ?

Pour disposer d'images GIF ou JPeg, trois méthodes sont possibles :

  1. Créer les images de toute pièce avec un logiciel approprié (Paint Shop Pro, par exemple)
  2. Numériser une image existante sur papier à l'aide d'un scanner.
  3. Télécharger des images sur Internet, les News... ou en copier sur des CD-ROM... en ayant toujours à l'esprit que la majorité des images ainsi obtenues sont soumises aux règles du droit d'auteur, pour une utilisation à des fins commerciales ou publiques.
Attention : Plus l'image est grande, plus la taille de son fichier est importante.
Dans l'idéal, une page HTML ne doit jamais dépasser le poids de 50 Ko.
 

3) Insérer des images :

Le marqueur <IMG> sert à insérer une image dans un document HTML.
L'attribut SRC sert à préciser le chemin d'accès et le nom de l'image.
L'attribut Align (facultatif) permet d'aligner le texte se trouvant vis à vis d'une image, en haut, en bas ou au milieu de celle-ci.
(Ne pas confondre cet attribut, avec le même attribut du marqueur <P> qui aligne le paragraphe qui contient l'image.)
Par défaut, l'image est affichée avec sa taille d'origine, mais les attributs Height et Width peuvent spécifier une taille plus petite.
L'attribut Background du marqueur <BODY> permet de positionner une image en fond d'écran. Elle sera alors appliquée à l'ensemble de la page HTML et ce quelle que soit sa taille. En cas de besoin, elle est répétée afin de remplir toute la page.
L'attribut Alt sert à indiquer une représentation alternée à une image. cet attribut est suivi d'un texte qui est affiché lorsque l'utilisateur survole l'image avec la souris et surtout lorsque IE4 ne peut afficher l'image.