Загрузить уменьшенное / низкое разрешение изображения в HTML

Question

Загрузить уменьшенное / низкое разрешение изображения в HTML

0

У меня маленький размер <img> в который я помещаю очень большие картинки. Это замедляет загрузку изображений и представляет собой отходы, так как мне действительно не нужно загружать всю большую картинку, я показываю ее в очень малых размерах.

Есть ли способ сделать изображения с низким разрешением для изображений HTML вместо полного разрешения изображения? поэтому загрузка будет быстрее.

user3578076 14 май 2014, в 17:14

Источник

2

Вы можете хранить миниатюры на сервере и загружать их, или вы можете использовать язык на стороне сервера для создания динамических миниатюр из маленьких изображений.
Jason P 14 май 2014, в 14:54
0

почему бы тебе не положить туда картинки поменьше?
andi 14 май 2014, в 15:02

Теги:

javascript

jquery

html

css

image

1 ответ

Ещё вопросы

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

Darko Z · Answer 1 · 2014-05-14T13-25-00.000Z

Нет никакой функции HTML (что я знаю), которая автоматически генерирует изображение с уменьшенным размером для вас для более быстрой загрузки. Некоторые сайты будут делать это автоматически при загрузке, например, в Wordpress или в различных решениях для электронной коммерции. Поэтому, если вы не используете один из них, вам нужно будет выполнить собственную настройку изображения перед загрузкой или написать собственную функцию сайта, которая на лету изменяет размеры изображений на ходу.

Вы должны выполнять эту работу на стороне сервера, так как HTML/CSS/JS - только клиентская сторона (node.js non-противостоят) и может только изменить размер для вас, как только изображение уже загружено, что побеждает цель.