Чтобы уменьшить картинку в 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, тем меньше будет размер картинки.