Atribút height
Atribút height nastavuje výšku obrázku,
ktorý je daný tagom
img.
V súčasnosti je tento atribút prípustné
používať len pre obrázky
iframe,
video
a niektoré ďalšie tagy.
Je prípustné uvádzať hodnoty v pixeloch alebo percentách. V prípade nastavenia veľkosti v percentách sa budú brať od šírky rodiča. V prípade nastavenia veľkosti v pixeloch sa jednotky merania neuvedú.
Ak pre obrázok nie je nastavená ani šírka, ani výška - obrázok bude mať svoju skutočnú veľkosť. Ak je nastavená výška - obrázok bude mať nastavenú výšku, a podľa šírky sa prispôsobí tak, aby jeho proporcie neboli skreslené. Ak je nastavená len šírka - podobne, obrázok sa prispôsobí podľa výšky tak, aby zachoval proporcie. Ak je nastavená aj šírka, aj výška - proporcie obrázka môžu byť skreslené (ale nemusia, ako uhádnete). Ak je šírka alebo výška (alebo obe spolu) väčšia ako skutočná - obrázok sa zväčší, ale stratí na kvalite.
Odporúča sa nastavovať šírku a výšku obrázkom v atribútoch - v tomto prípade bude prehliadač rýchlejšie načítavať obrázky - nemusí vypočítať veľkosť každého obrázku po jeho obdržaní.
Neodporúča sa zmenšovať skutočné veľkosti
obrázku bez potreby. Napríklad, skutočná
veľkosť obrázku je 1000 na 1000
pixelov, a vy mu nastavíte šírku na 100px.
V tomto prípade bude obrázok na obrazovke vyzerať
na 100 pixelov, ale bude mať veľkosť
na celú tisícku a teda sa bude načítavať
oveľa dlhšie.
Príklady práce pozri tu:
tag img.
