Чтобы уменьшить картинку в HTML и CSS, можно использовать свойство width и/или height для установки новых размеров картинки.
Например, чтобы уменьшить размер картинки до 50% от исходного размера, можно написать следующий код:
<img src="my-image.jpg" alt="Моя картинка" style="width: 50%;">Здесь мы используем атрибут style для применения CSS-стиля к элементу img. Свойство width устанавливает новую ширину картинки в процентах от исходной ширины.
Если нужно уменьшить и ширину, и высоту картинки одновременно, можно использовать оба свойства:
<img src="my-image.jpg" alt="Моя картинка" style="width: 50%; height: 50%;">Здесь мы устанавливаем новую ширину и высоту картинки в процентах от исходных размеров.
Также можно использовать относительные единицы измерения, например em или rem, вместо процентов:
<img src="my-image.jpg" alt="Моя картинка" style="width: 10em; height: 10em;">Здесь мы уменьшаем размер картинки до 10 em по ширине и высоте. Чем меньше значение em, тем меньше будет размер картинки.
