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

Перед загрузкой на сайт изображения необходимо оптимизировать. В идеале одна картинка должна весить не более 500-800 кб при размере 2400px по длинной стороне.

Оптимизация перед загрузкой с помощью графического редактора

Порядок действий на примере фотошопа:

1. Уменьшаем фотографию до нужного размера, обычно это 2000-2400px по длинной стороне.

2. Затем File > Export > Save for Web

3. Указываем в настройках JPEG и качество 65.

Как видно, фотография вместо 11 мб стала весить менее 800 кб без визуальных изменений:

Конечно, для пакетной обработки лучше написать экшн.

Если вы используете лайтрум, то при экспорте там нужно аналогично указать качество 65 и убрать мета-данные, которые тоже занимают место.

Оптимизация с помощью плагина

Разберем этот способ на примере плагина Compress JPEG & PNG images.

1. Устанавливаем:

2. После активации нужно получить ключ:

Делается это просто прям тут же:

После этого устанавливаем настройки: если нужно сжимать изображения при загрузке, то выбрать первый вариант. И далее снять все галочки, кроме первой:

Плагин позволяет бесплатно оптимизировать только 500 загруженных изображений в месяц, что обычно достаточно.

Если у вас имеются загруженные неоптимизированные картинки, то переходим в «Медиафайлы > Bulk Optimization» и запускаем процесс:

И после этого ваши изображения оптимизированы, а скорость загрузки сайта должна стать выше.

Дополнительный способ увеличить скорость сайта — кэширование.