Атрибут height
Атрибут height задава височината на изображението,
което е зададено от тага
img.
В настояще време този атрибут е допустимо
да се използва само за изображения
iframe,
video
и някои други тагове.
Допуска се да се указват стойности в пиксели или проценти. В случай на задаване на размер в проценти, те ще бъдат взети от ширината на родителя. В случай на задаване на размер в пиксели, мерните единици не се посочват.
Ако за изображението не е зададена нито ширина, нито височина - изображението ще има своя реален размер. Ако е зададена височина - изображението ще стане с зададената височина, а по ширина ще се настрои така, че пропорциите му да не бъдат изкривени. Ако е зададена само ширина - аналогично, изображението ще се настрои по височина така, че да запази пропорциите. Ако са зададени и ширина, и височина - пропорциите на изображението могат да бъдат изкривени (а може и да не са, както познаете). Ако ширината или височината (или и двете заедно) са по-големи от реалните - изображението ще се увеличи, но ще загуби качество.
Препоръчва се да се задава ширина и височина на изображенията в атрибутите - в този случай браузърът по-бързо ще зарежда изображенията - няма нужда да изчислява размера на всяко изображение след получаването му.
Не се препоръчва реалните размери на изображението
да се намаляват без необходимост. Например, реален
размер на изображението 1000 на 1000
пиксела, а вие му зададете ширина от 100px.
В този случай изображението на екрана ще изглежда
с 100 пиксела, но ще има размер
от цялата хиляда и съответно ще се зарежда
много по-бавно.
Примери за работа вижте тук:
таг img.
