Вы можете изменять размер изображения в CSS с помощью свойств width и height. Эти свойства принимают значения в пикселях (px), процентах (%) или других единицах измерения.
Пример, уменьшение картинки до 300px в ширину:
img {
width: 300px;
}Вы также можете установить размеры изображения для создания адаптивных макетов с помощью медиазапросов (media queries) и отзывчивых единиц измерения, таких как em, rem или vw/vh.
Пример установки максимального размера картинки до 100% от ширины родительского элемента, чтобы он был адаптивным:
img {
max-width: 100%;
height: auto;
}Здесь max-width: 100%; устанавливает максимальную ширину изображения равной ширине родительского элемента, в то время как height: auto сохраняет соотношение сторон изображения, чтобы оно не деформировалось.
