# Атрибут height

Атрибут `height` задает высоту картинки, которая задана тегом img.

В настоящее время данный атрибут допустимо использовать только для картинок и некоторых других тегов.

Допускается указывать значения в пикселях или процентах. В случае задания размера в процентах они будут взяты от ширины родителя. В случае задания размера в пикселях единицы измерения не указываются.

Если для картинки не задана ни ширина, ни высота - картинка будет иметь свой реальный размер. Если задана высота - картинка станет заданной высоты, а по ширине подстроится так, чтобы ее пропорции не были искажены. Если задана только ширина - аналогично, картинка подстроится по высоте так, чтобы сохранить пропорции. Если задана и ширина, и высота - пропорции картинки могут быть искажены (а может и нет, как угадаете). Если ширина или высота (или оба вместе) больше реальной - картинка увеличится, но потеряет в качестве.

Рекомендуется задавать ширину и высоту картинкам в атрибутах - в этом случае браузер быстрее будет загружать изображения - ему нет нужды вычислять размер каждой картинки после ее получения.

Не рекомендуется уменьшать реальные размеры картинки без необходимости. К примеру, реальный размер картинки `1000` на `1000` пикселей, а вы ей зададите ширину в `100px`. В этом случае картинка на экране будет выглядеть на `100` пикселей, однако иметь размер на всю тысячу и, соответственно, загружаться намного дольше.

Примеры работы смотрите тут: тег img.

## Смотрите также

- атрибут `width`,
  который задает ширину
- свойство `height`,
  которое задает высоту элементам

← →
↑