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

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

Можно ли уменьшить размер (вес) маленького изображения с помощью средств html/ css/ js ?..
Если нет, то как можно сделать это наиболее эффективно?
  • Вопрос задан
  • 210 просмотров
Решения вопроса 1
inoise
@inoise
Solution Architect, AWS Certified, Serverless
Эффективнее всего сделать это на сервере. Либо при загрузке изображения дать его под нужные размеры, либо же перед отдачей жать и сохранять в кэш. Первое делают с помощью серверных языков программирования, а второе с помощью готовых модулей для CDN или веб-сервера.

На клиент изображение уже доезжает полным и проблему сжатие в браузере не решит
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы