Атрибут ширины HTML <img>
Пример
Изображение высотой 600 пикселей и шириной 500 пикселей:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
Атрибут widthуказывает ширину изображения в пикселях.
Совет. Всегда указывайте атрибуты heightи для изображений.
widthЕсли установлены высота и ширина, пространство, необходимое для изображения, резервируется при загрузке страницы. Однако без этих атрибутов браузер не знает размер изображения и не может выделить для него соответствующее пространство. Эффект будет заключаться в том, что макет страницы изменится во время загрузки (пока загружаются изображения).
Совет. Уменьшение размера большого изображения с помощью атрибутов
heightи widthзаставляет пользователя загружать большое изображение (даже если оно выглядит маленьким на странице). Чтобы этого избежать, измените масштаб изображения с помощью программы, прежде чем использовать его на странице.
Поддержка браузера
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
Синтаксис
<img width="pixels">
Значения атрибутов
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
❮ HTML-тег <img>