Optimiser l'affichage de vos images

Optimiser l'affichage de vos images

Messagede quentinmontana15 le Mar 24 Juin 2008 17:31

Le tag <IMG> est l'un des plus utilisé par les Webmasters.

Cependant, on oubli souvent qu'il existe plusieurs attributs permettant d'optimiser l'affichage de vos images:
L'attribut border permet de définir la taille de la bordure de l'image. Lorsque une image est définie comme hyperlien, une bordure apparaît. Pour la supprimer, attribuez la valeur 0 à l'attribut border :

Code: Tout sélectionner
<a href="http://www.netscope.org"><img src="/images/netscope.gif" border=0></a>


L'attribut hspace ou vspace permet de créer un vide autour de l'image respectivement à droite et à gauche de l'image (h pour horizontal) et pour créer un vide en bas et haut de l'image (v pour vertival).
Ces tags sont très utiles si vous avez par exemple des images collées à du texte, vous pourrez alors créer un espace entre ces deux éléments.
Dans l'exemple ci-dessous, nous créons un espace de 5 pixels verticalement et de 10 pixels horizontalement.

Code: Tout sélectionner
<img src="/images/netscope.gif" hspace=10 vspace=5>


L'attribut alt permet quant Ă  lui d'afficher la description de votre image lors du passage de la souris sur l'image, ou encore la description de votre image pendant le chargement de votre page Web pour faire patienter les Internautes.

quentinmontana15
 

Retourner vers Languages du web

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron