Оптимизация изображений

На 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 плюса:

  1. Изображения быстрее загружаются в библиотеку файлов.
  2. Ваши страницы имеют меньший вес и быстрее отображаются, не заставляя посетителей ждать. (Вы наверно заметили, что верхнее изображение загружалось дольше, чем нижнее.)
  3. Вы можете загрузить больше изображений при наличии ограничений на суммарный объём файлов.

Если вы попытаетесь уменьшить изображение прямо на страничке сайта после загрузки,  используя редактор на сайте, имейте в виду, что это не снижает размер исходного файла. Файлы нужно обрабатывать ДО загрузки на сайт.

Видеоурок по пакетной обработке изображений в программе Photoshop

Изображения для сайта — знакомимся подробнее

Просмотрено (1396) раз

Перейти к верхней панели