Atributul height
Atributul height definește înălțimea imaginii,
care este setată prin tagul
img.
În prezent, acest atribut este permis
a fi utilizat doar pentru imagini
iframe,
video
și alte câteva tag-uri.
Este permisă specificarea valorilor în pixeli sau procente. În cazul setării dimensiunii în procente, acestea vor fi luate din lățimea elementului părinte. În cazul setării dimensiunii în pixeli, unitățile de măsură nu sunt specificate.
Dacă pentru o imagine nu este setată nici lățimea, nici înălțimea - imaginea va avea dimensiunea sa reală. Dacă este setată înălțimea - imaginea va avea înălțimea setată, iar lățimea se va ajusta astfel încât proporțiile sale să nu fie distorsionate. Dacă este setată doar lățimea - similar, imaginea se va ajusta în înălțime astfel încât să păstreze proporțiile. Dacă sunt setate atât lățimea, cât și înălțimea - proporțiile imaginii pot fi distorsionate (sau poate că nu, după cum ghiciți). Dacă lățimea sau înălțimea (sau ambele împreună) sunt mai mari decât dimensiunea reală - imaginea se va mări, dar va pierde din calitate.
Se recomandă setarea lățimii și înălțimii pentru imagini în atribute - în acest caz browserul va încărca imaginile mai rapid - nu trebuie să calculeze dimensiunea fiecărei imagini după obținerea acesteia.
Nu este recomandată reducerea dimensiunilor reale
ale imaginii fără necesitate. De exemplu, dimensiunea reală
a imaginii este 1000 pe 1000
pixeli, iar voi îi setați lățimea la 100px.
În acest caz, imaginea pe ecran va arăta
la 100 de pixeli, dar va avea dimensiunea
întregii mii și, în consecință, se va încărca
mult mai lent.
Exemple de lucru le puteți vedea aici:
tagul img.