Размер и качество изображений

5 1 1 1 1 1 1 1 1 1 1 Рейтинг 5.00 (1 Голос)

Оптимизация размеров и качества изображений как один из факторов оптимизации скорости загрузки сайта.

Загрузка и отображение фотографий в браузере разного размера и степени сжатия в одинаковых окнах.

Фото 3840-2160 JPG (4к), 1756 Kb Оптимизированное фото 3840-2160 JPG (4к) 556 Kb
Фото 3840-2160 (4к) Оптимизированное фото 3840-2160 (4к)
Фото 1280-720 JPG, 333 Kb Оптимизированное фото 1280-720 JPG, 77 kb
Фото 1280-720 Оптимизированное фото 1280-720
Фото 800-400 JPG, 140 Kb Оптимизированное фото 800-400 JPG, 31 Kb
Фото 800-400 Оптимизированное фото 800-400

 

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

Каждое фото можно сохранить к себе на компьютер (на картинке правой кнопкой мыши --> сохранить картинку как) и убедиться в правильности размера изображений, а так же рассмотреть качество поближе.

Разница в размере (Kb) между самым маленьким и самым большим изображений составляет x50 раз.