Les images captent le regard:
Les sites sans images sont souvent très ternes. N'hésitez donc
pas à placer des images dans vos pages. Pour autant, vous devez
veiller à ce que leur taille soit appropriée et que le temps de
chargement soit aussi réduit que possible..
Fondamentalement, deux formats d'images peuvent être utilisés
sans problèmes : le format GIF et le format JPG. Chacun a ses avantages
et ses inconvénients.
Le format GIF possède la particularité de conserver
des zones transparentes et de permettre des animations. En revanche,
un GIF est limité à 256 couleurs.
Le format JPG n'accepte ni transparents
ni animations. En revanche, il peut travailler en TrueColor et peut
représenter plus de 256 couleurs.
Il vous faudra jongler avec les facteurs de compression. Sauvegardez
votre image avec différents degrés de compression : vous déciderez ensuite
quelle image vous conserverez. Il vous faudra trouver un compromis
raisonnable entre le volume et la qualité de l'image.
Une règle stipule que les photographies et les images comportant de
nombreuses couleurs passent mieux en JPG, tandis que les GIF sont à
privilégier pour les transparents et les animations.
Il est important que vous définissiez dès le départ une taille
raisonnable pour l'image que vous traitez avec un logiciel de traitement
d'images.
La balise...
<img src="exemple.gif" width="88" height="31" alt="services gratuits pour webmasters"
border="0" align="left">
...intègre
l'image.
L'attribut " Src " transmet le nom de l'image au navigateur.
<img src=" exemple.gif " width="88"
height="31" alt="services gratuits pour webmasters" border="0" align="left">
Les attributs " width " et " height ":
Les attributs " width " et " height " définissent les dimensions de
l'image. Spécifiez toujours la dimension. Cette précision permet de réserver
la place pour l'image lors du chargement de la page. Ce n'est que lorsque
la page est complètement chargée que l'image est appelée. L'avantage est
très net, puisque le visiteur peut déjà commencer à lire le texte pendant
que les images sont chargées en arrière-plan.
<img src=" exemple.gif " width="88" height="31"
alt="services gratuits pour webmasters" border="0" align="left">
L'attribut " alt " permet de générer un texte alternatif qui apparaît lors du
passage du cursseur et lorsque le visiteur a désactivé l'affichage des images.
<img src=" exemple.gif " width="88" height="31"
alt="services gratuits pour webmasters" border="0" align="left">
L'attribut " border " génère une bordure autour de l'image. Celle-ci
est dans notre exemple égale à 0.
<img src=" exemple.gif " width="88" height="31"
alt="services gratuits pour webmasters" border="0" align="left">
L'attribut " align " permet de déterminer l'alignement de l'image.
<img src=" exemple.gif " width="88" height="31"
alt="services gratuits pour webmasters" border="0" align="left">
On accepte les alignements suivants :
left = gauche
right = droite
center = centré
top = supérieur
middle = médian
bottom = inférieur
- Habillez votre document suite :
Maintenant que vous avez inséré des images, passons aux
liens ou encore aux
Meta tags.
A moins que vous ne voulliez revoir la création du
document de base
ou l'insertion de
texte.
|
