Atributi width
Atributi width përcakton gjerësinë e imazhit,
që është vendosur nga tagu
img.
Aktualisht ky atribut lejohet
të përdoret vetëm për imazhet,
iframe,
video
dhe disa tagë të tjerë.
Lejohet të specifikohen vlera në piksel ose përqindje. Në rastin e caktimit të madhësisë në përqindje, ato do të merren nga gjerësia e elementit prind. Në rastin e caktimit të madhësisë në piksel, njësitë e matjes nuk specifikohen.
Nëse për imazhin nuk është vendosur as gjerësia, as lartësia - imazhi do të ketë madhësinë e tij të vërtetë. Nëse është vendosur lartësia - imazhi do të marrë lartësinë e caktuar, ndërsa gjerësia do të përshtatet në mënyrë që përmasat e tij të mos shtrembërohen. Nëse është vendosur vetëm gjerësia - në mënyrë të ngjashme, imazhi do të përshtatet në lartësi për të ruajtur përmasat. Nëse janë vendosur si gjerësia, ashtu edhe lartësia - përmasat e imazhit mund të shtrembërohen (ose jo, si e merr me mend). Nëse gjerësia ose lartësia (ose të dyja së bashku) janë më të mëdha se madhësia reale - imazhi do të zmadhohet, por do të humbasë në cilësi.
Rekomandohet të vendosni gjerësinë dhe lartësinë për imazhet në atribute - në këtë rast shfletuesi do të ngarkojë imazhet më shpejt - nuk ka nevojë të llogarisë madhësinë e çdo imazhi pas marrjes së tij.
Nuk rekomandohet të zvogëloni madhësitë
reale të imazhit pa nevojë. Për shembull,
madhësia reale e imazhit është 1000 me 1000
piksel, kurse ju i caktoni një gjerësi prej 100px.
Në këtë rast, imazhi në ekran do të duket
100 piksel, por do të ketë madhësinë
të plotë një mijëshe dhe, në përputhje me rrethanat, do të ngarkohet
shumë më ngadalë.
Shembuj të punës shikoni këtu:
tagu img.