Atribut width
Atribut width nastavuje šířku obrázku,
který je definován tagem
img.
V současné době je tento atribut povoleno
používat pouze pro obrázky,
iframe,
video
a některé další tagy.
Je povoleno uvádět hodnoty v pixelech nebo procentech. Při nastavení velikosti v procentech budou brány ze šířky rodičovského prvku. Při nastavení velikosti v pixelech se jednotky neuvádějí.
Pokud pro obrázek není nastavena ani šířka, ani výška - obrázek bude mít svou skutečnou velikost. Pokud je nastavena výška - obrázek bude mít nastavenou výšku a šířka se přizpůsobí tak, aby jeho proporce nebyly zkresleny. Pokud je nastavena pouze šířka - podobně, obrázek se přizpůsobí ve výšce tak, aby zachoval proporce. Pokud je nastavena jak šířka, tak výška - proporce obrázku mohou být zkresleny (a možná také ne, to trefíte). Pokud je šířka nebo výška (nebo obě dohromady) větší než skutečná - obrázek se zvětší, ale ztratí na kvalitě.
Doporučuje se nastavovat šířku a výšku obrázkům v atributech - v tomto případě bude prohlížeč rychleji načítat obrázky - nemusí vypočítávat velikost každého obrázku po jeho obdržení.
Nedoporučuje se zmenšovat skutečné
rozměry obrázku bez nutnosti. Například,
skutečná velikost obrázku je 1000 na 1000
pixelů, a vy mu nastavíte šířku na 100px.
V tomto případě bude obrázek na obrazovce vypadat
na 100 pixelů, ale bude mít velikost
celých tisíc a podle toho se bude načítat
mnohem déle.
Příklady práce naleznete zde:
tag img.
