Как изменить размер картинки в html CSS

Существует несколько способов изменения размера картинки в HTML и CSS:

  1. Использование атрибутов width и height в теге :
<img src="image.jpg" width="200" height="150">
  1. Использование CSS свойств width и height:
<img src="image.jpg" style="width: 200px; height: 150px;">
  1. Использование CSS свойства max-width:
<img src="image.jpg" style="max-width: 100%;">
  1. Использование CSS свойств object-fit и object-position:
<img src="image.jpg" style="width: 200px; height: 150px; object-fit: cover; object-position: center;">

В этом примере картинка будет растянута на всю ширину и высоту контейнера, при этом сохраняя пропорции и центрируясь.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как изменить размер картинки в html CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали