Les images

3 formats sur le Web

  • GIF pour les titres, les images au trait, les gifs animés et transparents
  • JPEG pour les photos, et dégradés (pas trop compressé, qualité 80% environ)
  • PNG transparence + millions de couleurs (mais mal supporté à l'heure actuelle)

Placement de l'image

Quelque soit le format, elles se manipulent de la même façon.

Figure 1 - Une photo de ma femme...
  1. <IMG SRC="virginie.jpg"
  2. width="150" height="150"
  3. title="Virginie" alt="Virginie à Metz, 2003"
  4. hspace="10" vspace="10"
  5. align="left"
  6. border="0">

Préciser les dimensions WIDTH et HEIGHT permet d'accélérer l'affichage de l'image ; ou de la déformer (mais en qualité médiocre - le navigateur n'est pas un outil de traitement graphique).

Les options TITLE et ALT sont importante : le TITLE pour faire apparaître une infobulle au survol de l'image, le ALT pour remplacer l'image en cas de problème d'affichage (entre autre pour les navigateurs brailles et les moteurs de recherche).

Les options HSPACE et VSPACE rajoutent de l'espace autour, ALIGN permet de positionner le texte autour de l'image.

BORDER principalement en cas de lien sur l'image, pour la faire disparaître.




  © Richard Carlier



Carlier.as création de sites Internet

Tribune de Richard Carlier - Atontour Cocktails - Amour Photo - Cocktails Sans Alcool - Arc2I - Mots d'auteurs - WebRiche.fr - Photos de Belgique - PMPUC - RégalezVous.net - Zone Pingouin - A se rouler par terre - PasswordFinder.fr - Restaurants de Paris - France-SPA.fr - MyPortfolio.fr - RV - pYes - Et aussi : Art Aujourd'hui.info