Как задать ширину изображения?
Ширина картинки задаётся с помощью атрибута width элемента <img>. Достаточно указать только ширину, высоту же браузер изменит автоматически, исходя из пропорций картинки (пример 1).
Пример 1. Атрибут width
Через атрибут width можно задавать произвольное значение, при этом как увеличивать изображение, так и уменьшать его. Это обычно делается для повышения качества картинки на дисплеях Retina.
Через стили удобно задавать размер сразу для множества изображений. Сперва добавляем к <img> желаемый класс, а в нём пишем свойство width с указанной шириной.
Пример 2. Свойство width
В данном примере к <img> добавляется класс w, в котором задана ширина 500 пикселей.
См. также
Автор и редакторы
Последнее изменение: 18.09.2018
Редакторы: Влад Мержевич