HTML <img> widthАтрибут

HTML img 标签参考手册HTML тег <img>

Примеры

Изображение высотой и шириной 42 пикселя:

<img src="smiley.gif.html" alt="Smiley face" height="42" width="42">

Попробуйте сами »

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Все основные браузеры поддерживают атрибут width.


Атрибут width задаёт ширину изображения в пикселях.

Совет:Хорошей практикой является указание атрибутов height и width для изображения. Если эти атрибуты заданы, при загрузке страницы можно зарезервировать место для изображения. Без этих атрибутов браузер не может знать размеры изображения и не может зарезервировать для него подходящее место, поэтому макет страницы изменится при загрузке изображения.

Совет:Не используйте атрибуты height и width для масштабирования изображений. Если вы уменьшаете изображение с помощью атрибутов height и width, пользователю придётся загрузить большое изображение (даже если на странице изображение выглядит маленьким). Правильный подход — обработать изображение до нужного размера с помощью программы, прежде чем использовать его на веб-странице.


Различия между HTML 4.01 и HTML5

В HTML 4.01 width должен быть определён в пикселях или в процентах от содержащего элемента. В HTML5 значение width должно быть в пикселях.


Синтаксис

<img width="pixels">

Значения атрибута

Значение Описание
пикселей Ширина в пикселях (например, width="100")


HTML img 标签参考手册HTML-тег <img> Другие расширения