Оптимизация изображений
На Prihod.ru работает автоматическая оптимизация изображения.
Со статьей ниже можно ознакомится для общего развития 🙂
Некоторые пользователи нового Prihod.ru уже столкнулись с тем, что у них заканчивается дисковое пространство, выделенное для сайта. В большинстве случаев это происходит потому, что размещается много очень больших фотографий, размером 4-7 МБ (зависит от фотоаппарата, на который снято).
Давайте посчитаем. Выделенное дисковое пространство 1 ГБ = 1024 МБ. Если выкладывать фотографии весом 5 МБ (сразу с фотоаппарата, например), то если на сайте размещать только фото, войдет 1024/5= 204 фотографии. Немного, правда?
Если вы уменьшите размер файла изображения до того, как разместите его на сайте, то сможете быстрее загрузить его в библиотеку файлов, кроме того, страницы с таким изображением будут отображаться быстрее и можно сэкономить дисковое пространство для сайта.
Размер файла с этой фотографией составляет 1,15 МБ.
Размер файла с изображением ниже составляет всего 75,8 КБ – это в 15 раз меньше от размера изображения выше.
Заметна ли существенная разница во внешнем виде?
Вернемся к нашей математике.
Если размер фотографии как у первой картинки 1,15 МБ, то на сайте можно разместить 1024/1.15= 890 изображений! И это уже достаточно крупные фотографии.
Посчитаем второй пример, когда фотография весит 75,8 КБ.
1 ГБ = 1024 МБ = 1048576 КБ, значит при размере картинки 75,8 КБ на сайте поместятся более 13800 изображений.
Итак, оптимизация изображений даёт 3 плюса:
- Изображения быстрее загружаются в библиотеку файлов.
- Ваши страницы имеют меньший вес и быстрее отображаются, не заставляя посетителей ждать. (Вы наверно заметили, что верхнее изображение загружалось дольше, чем нижнее.)
- Вы можете загрузить больше изображений при наличии ограничений на суммарный объём файлов.
Если вы попытаетесь уменьшить изображение прямо на страничке сайта после загрузки, используя редактор на сайте, имейте в виду, что это не снижает размер исходного файла. Файлы нужно обрабатывать ДО загрузки на сайт.
Видеоурок по пакетной обработке изображений в программе Photoshop
Изображения для сайта — знакомимся подробнее
Просмотрено (1764) раз