Attribut width
L'attribut width définit la largeur d'une image,
qui est définie par la balise
img.
Actuellement, cet attribut est autorisé
uniquement pour les images,
les iframe,
les video
et quelques autres balises.
Il est permis d'indiquer les valeurs en pixels ou en pourcentages. Dans le cas d'une taille définie en pourcentages, elle sera calculée à partir de la largeur de l'élément parent. Dans le cas d'une taille définie en pixels, les unités de mesure ne sont pas indiquées.
Si ni la largeur ni la hauteur ne sont définies pour une image, l'image aura sa taille réelle. Si la hauteur est définie, l'image prendra la hauteur spécifiée, et la largeur s'ajustera automatiquement pour que ses proportions ne soient pas déformées. Si seule la largeur est définie, de même, l'image s'ajustera en hauteur pour préserver les proportions. Si à la fois la largeur et la hauteur sont définies, les proportions de l'image peuvent être déformées (ou pas, à vous de deviner). Si la largeur ou la hauteur (ou les deux ensemble) sont plus grandes que la taille réelle, l'image sera agrandie, mais perdra en qualité.
Il est recommandé de définir la largeur et la hauteur des images dans les attributs - dans ce cas, le navigateur chargera les images plus rapidement - il n'a pas besoin de calculer la taille de chaque image après l'avoir reçue.
Il n'est pas recommandé de réduire les tailles
réelles d'une image sans nécessité. Par exemple,
la taille réelle d'une image est de 1000 sur 1000
pixels, et vous lui attribuez une largeur de 100px.
Dans ce cas, l'image à l'écran aura une apparence
de 100 pixels, mais aura la taille
réelle de mille pixels et, par conséquent, se chargera
beaucoup plus longtemps.
Pour voir des exemples d'utilisation, consultez :
la balise img.
