Атрибут width
Атрибут width задаје ширину слике,
која је задата тегом
img.
Тренутно је овај атрибут допуштен за коришћење само за слике,
iframe,
video
и неке друге тегове.
Дозвољено је наводити вредности у пикселима или процентима. У случају задавања величине у процентима, они ће се узети од ширине родитеља. У случају задавања величине у пикселима, јединице мере се не наводе.
Ако за слику није задата ни ширина, ни висина - слика ће имати своју стварну величину. Ако је задата висина - слика ће постати задате висине, а по ширини ће се подесити тако да њени пропорције не буду изобличени. Ако је задата само ширина - слично, слика ће се подесити по висини тако да сачува пропорције. Ако је задата и ширина, и висина - пропорције слике могу бити изобличене (а може и не, како погодите). Ако је ширина или висина (или обоје заједно) већа од стварне - слика ће се увећати, али ће изгубити на квалитету.
Препоручује се да се ширину и висину сликама задају у атрибутима - у том случају прегледач ће брже учитавати слике - нема потребе да израчунава величину сваке слике након њеног добијања.
Не препоручује се смањивање стварних
величина слике без потребе. На пример,
стварна величина слике је 1000 на 1000
пиксела, а ви јој задате ширину од 100px.
У том случају слика на екрану ће изгледати
100 пиксела, али ће имати величину
од целе хиљаде и, самим тим, учитаваће се
много спорије.
Примере рада погледајте овде:
тег img.