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