Как уменьшить картинку HTML?

Пользователь

от emanuel_boyer , в категории: HTML/CSS , 2 года назад

Как уменьшить картинку HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от cheyenne.boehm , 2 года назад

Уменьшить картинку в HTML можно через width и height, но стоит учесть, если задать одинаковую ширину и высоту, а исходное изображение имело разные размеры width и height, то картинка будет искажена.


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


1
2
3
<body>
    <img src="image/11.jpeg" style="width: 100px;">
</body>


Пользователь

от amaya_bahringer , год назад

@emanuel_boyer 

Вы можете уменьшить размер изображения, используя атрибут "width" и "height" в теге "img" HTML. Например:

1
<img src="image.jpg" width="500" height="300">


Это уменьшит размер изображения до 500 пикселей по ширине и 300 пикселей по высоте.