Attribut height
L'attribut height définit la hauteur d'une image,
spécifiée par la balise
img.
Actuellement, cet attribut est autorisé
uniquement pour les images,
les iframe,
les video
et quelques autres balises.
Il est permis de spécifier les valeurs en pixels ou en pourcentages. Dans le cas d'une taille définie en pourcentages, elle sera calculée par rapport à 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 spécifiées pour une image, l'image aura sa taille réelle. Si la hauteur est spécifiée, l'image prendra la hauteur définie, et sa largeur s'ajustera automatiquement pour ne pas déformer ses proportions. Si seule la largeur est spécifiée, de même, la hauteur de l'image s'ajustera automatiquement pour préserver les proportions. Si la largeur et la hauteur sont toutes deux spécifiées, les proportions de l'image pourraient être déformées (ou peut-être pas, à vous de deviner). Si la largeur ou la hauteur (ou les deux ensemble) sont supérieures à la taille réelle, l'image sera agrandie, mais perdra en qualité.
Il est recommandé de spécifier 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 sa réception.
Il n'est pas recommandé de réduire les dimensions 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
de mille pixels et, par conséquent, mettra
beaucoup plus de temps à charger.
Voir des exemples d'utilisation ici :
balise img.
