Atribút width
Atribút width nastavuje šírku 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 reálnu 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 - analogicky, obrázok sa prispôsobí podľa výšky tak, aby zachoval proporcie. Ak je nastavená aj šírka, aj výška - proporcie obrázku môžu byť skreslené (alebo aj nie, ako uhádnete). Ak je šírka alebo výška (alebo obe spolu) väčšia ako reálna - 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 prehliadač rýchlejšie načítava obrázky - nemá potrebu počítať veľkosť každého obrázku po jeho získaní.
Neodporúča sa zmenšovať reálne
veľkosti obrázku bez potreby. Napríklad,
reálna 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.
