Как изменять размер картинки css

Вы можете изменять размер изображения в 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 сохраняет соотношение сторон изображения, чтобы оно не деформировалось.