Как эффективнее уменьшить размер и, соответственно, вес изображения максимально эффективно?

Question

[Aucuo]

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

Можно ли уменьшить размер (вес) маленького изображения с помощью средств html/ css/ js ?..
Если нет, то как можно сделать это наиболее эффективно?

Comments

[Rustam Bainazarov]

HTML, CSS и JS вам никогда не помогут сжать файл.

Точнее, JS, может, и поможет, только делать он это будет на стороне клиента (мы же о NodeJS сейчас, правда?), что нонсенс.

Сжимайте ваши файлы любым ПО: от отдельных программ до сборщиков. Либо же на стороне сервера.

[SVM]

не нужно выкладывать на одну страницу много изображений,
для быстрого просмотра делать уменьшенную копиию
у меня порядка 500 картинок на одной странице,загружаются влёт
sotvm.sytes.net/coub

Answer 1

[Иван Шумов]

Эффективнее всего сделать это на сервере. Либо при загрузке изображения дать его под нужные размеры, либо же перед отдачей жать и сохранять в кэш. Первое делают с помощью серверных языков программирования, а второе с помощью готовых модулей для CDN или веб-сервера.

На клиент изображение уже доезжает полным и проблему сжатие в браузере не решит