Атрибут height HTML тега <img>
Значение и применение
Атрибут height (HTML тега <img>) определяет высоту изображения в пикселях.
Рекомендуется всегда указывать ширину и высоту изображения. Если ширина (атрибут width) и высота (атрибут height) не указаны, то браузер не резервирует место под изображение и при медленной загрузке страница будет «прыгать».
Обращаю Ваше внимание, что если вы с использованием атрибутов уменьшаете большое изображение на странице, то пользователь независимо от этого скачивает большое изображение (размер исходного файла не изменяется). Рекомендуется уменьшать размер изображения до необходимого Вам, прежде чем размещать его на странице.
Поддержка браузерами
Спецификация: multipage
Поддерживается во всех основных браузерах с 2015 года.
| Возможность | Компьютеры | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
 Chrome |  Edge |  Firefox |  Opera |  Safari | Chrome Android | Firefox for Android | Opera Android |  Safari on iOS |  Samsung Browser |  WebView Android | WebView on iOS | |
height | 1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
поддерживается с ограничениями нет поддержки нет данных≤31 — не позднее версии 31
Синтаксис:
<img height = "pixels">
Значения атрибута
| Значение | Описание |
|---|---|
| pixels | Определяет высоту изображения в пикселях. Единицы измерения при этом не указываются (только цифры). |
Отличия HTML 4.01 от HTML 5
В HTML 4.01 высота может быть задана в пикселях или в процентах (от родительского элемента), в HTML5 значение должно быть указано в пикселях.Пример использования
<html>
<head>
<title>Пример использования атрибута height HTML тега <img></title>
</head>
<body>
<img src="moscow.jpg" alt="Москва" height="50" />
<img src="moscow.jpg" alt="Москва" height="75" />
<img src="moscow.jpg" alt="Москва" height="100" />
<img src="moscow.jpg" alt="Москва" height="125" />
</body>
</html>
В данном примере мы разместили четыре изображения, для которых мы установили различные значения высоты в пикселях (атрибут height). Обратите внимание, что ширина изображения подстраивается под высоту изображения автоматически, так как она не задана явно.
Результат нашего примера:
