Атрибут width HTML тега img

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

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

Не стоит уменьшать изображение устанавливая меньшие значения высоты и ширины, чем они есть на самом деле. Пользователю все равно придется загружать первоначальное объемное изображение, хотя в браузере его геометрические размеры уменьшаться. Чтобы перемасштабировать слишком большое изображение, следует воспользоваться специальными программами.

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

Синтаксис атрибута

<img width="pixels">

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

Значение Описание
pixels Ширина изображения в пикселях (например, "100").

Пример использования атрибута

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


<img src="//msiter.ru/smiley.gif" alt="Улыбающееся лицо" height="42" width="42">