Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги: ,

Категории

Рубрики

SEO-продвижение сайта в ТОП поисковых систем. Рост позиций в первый месяц. Закажите услугу в Lion Digital. Ваш надежный партнер в интернет-маркетинге.

от 25000 

Услуги веб дизайна под ключ.

от 29500 

Услуги интернет-маркетолога для вашего бизнеса. Анализ рынка, подбор стратегии и команды, увеличение продаж и узнаваемости бренда.

от 29500 

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

Есть несколько способов уменьшить размер картинки с помощью HTML и CSS.

  1. Указать размеры через атрибуты width и height в HTML
<img src="image.jpg" width="300" height="200">
  1. Использовать свойство width в CSS
img {
  width: 300px;
}
  1. Использовать свойство max-width в CSS
img {
  max-width: 100%;
}

При этом ширина картинки будет уменьшаться пропорционально, чтобы она не выходила за пределы своего содержащего блока.

  1. Использовать оба свойства width и max-width в CSS
img {
  width: 300px;
  max-width: 100%;
}

Таким образом, картинка будет иметь фиксированную ширину до тех пор, пока ее размер не станет меньше охвата блока на 100%. Если ширина блока меньше, чем заданная фиксированная ширина картинки, она уменьшится до ширины блока.

Если вам нужно уменьшить размер картинки с сохранением пропорций, то необходимо задать соответствующее значение для свойства height, max-height или height и max-height.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.