Voici comment et pourquoi insérer les dimensions des images à télécharger sur le web en utilisant le code HTML.
Voici comment et pourquoi insérer les dimensions des images à charger sur le web en utilisant le code HTML
La première raison est qu’en spécifiant les dimensions, nous pouvons redimensionner l’image à notre guise, mais toujours en réduction et jamais en augmentation avec le code HTML.
La deuxième raison est de communiquer au navigateur les dimensions de l’image à charger afin que ce dernier ait moins de difficulté à les charger et accélère l’exécution.
Si nous ne savons pas quelles sont les dimensions de l’image, il suffit de la charger dans le navigateur, de positionner la souris sur l’image, de cliquer avec le bouton droit et de choisir « Propriétés » dans le menu où toutes les informations de l’image sont contenues.
Nous avons déjà vu comment insérer l’image avec le code HTML
Mais rafraîchissons la mémoire
<img src="immagini/stones.gif">
Maintenant, attribuons les dimensions en largeur et hauteur de l’image, en les insérant en HTML :
<img src="immagini/stones.gif" width="50" height="50">
Grâce aux paramètres width e height nous avons spécifié les dimensions de notre image exprimées en pixels. Il est essentiel d’indiquer et de spécifier les dimensions des images que vous insérerez sur vos pages web. Vous pourriez aussi ne pas le faire, mais je vous conseille toujours de les indiquer pour permettre au navigateur de charger les images plus rapidement.
Pubblicato in HTML & CSS
Soyez le premier à commenter