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 :
- Créer les images de toute pièce avec un
logiciel approprié (Paint Shop Pro, par exemple)
- Numériser une image existante sur papier à
l'aide d'un scanner.
- 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.