Фото, инфографики и другие изображения обязательная часть контента. Они делают информацию доступнее, дополняют текст. На сайте может быть тысячи изображений. Они занимают до сотен мегабайт дискового пространства и замедляют загрузку сайта.
Содержание
Почему нужно оптимизировать изображения на сайте?
Оптимизация изображений на сайте WordPress снижает нагрузку на хостинг и улучшает работу сайта. Стабильные и быстрые страницы лучше ранжируются в Google.
Изображения занимают больше пространства чем код CMS, темы и дополнений. Из-за этого фото на сайте оптимизируют в первую очередь. Для этого WordPress разработчики и веб мастера используют плагины оптимизации изображений. Мы расскажем о лучших дополнениях, которые можно применять на вашем сайте.
Также читайте: Этапы создания сайта
Robin Image Optimizer
Плагин фаворит редакции. Мы используем его на сайте Digital Owl. Плагин доступен в двух вариантах: отдельно и как аддон к плагину Clearfly, который оптимизирует изображения и код сайта. У вас есть выбор, какие задачи решать с помощью плагина.
Оба варианта плагина доступны в платной и бесплатной версии.
Robin Image Optimizer предлагает разные варианты сжатия файлов с сохранением качества и с незначительной потерей. Второй вариант дает большую экономию пространства.
Преимущества плагина:
- быстрая установка;
- возможность вернуть оригинальный размер изображения;
- совместимость с последними версиями WordPress и разными темами;
- интуитивно понятный интерфейс.
Важно! В плагине доступны два режима работы: оптимизация по графику и оптимизация сейчас. В обоих случаях приоритет в обработке изображений будет у тех, кто использует премиум версию.
Как работает плагин?
После установки и активации плагина переходим в раздел меню настройки. Там нужно найти Robin Image Optimizer.
Отсюда вы попадете в основное меню плагина с настройками, активацией PRO лицензии и данными по оптимизации изображений.
Чтобы сжать изображения на сайте, нажимаем кнопку оптимизировать:
Вы можете оптимизировать изображения сейчас или запланировать сжатие на определенную дату. Это удобно, если в определенный момент весь визуальный контент сжат, но вы скоро планируете публиковать новый. Учитывайте, что серверы Robin Image Optimizer могут быть перегружены из-за бесплатных пользователей.
В целом плагин отлично справляется с задачей и в бесплатном варианте, но если у вас особенно крупный проект с тысячами и десятками тысяч фото, стоит перейти на премиум версию.
Smush — быстрая компрессия изображений
Один из самых популярных плагинов для оптимизации изображений. Smush обрабатывает все основные форматы изображений без потери качества. Работает автоматически после установки и активации.
Сканируя сайт, плагин удаляет ненужные изображения (определяет их по заданным критериям). Остальные изображения плагин сжимает и уменьшает их разрешение.
Преимущества:
- быстрое сжатие без потери качества и замедления сайта;
- обработка нескольких форматов изображений;
- автоматическая обработка новых файлов.
EWWW — оптимизация изображений на сайте
Предлагает стандартный для таких плагинов набор функций. Пользователи выделяют быструю работу плагина, его простой интерфейс. Также у EWWW есть фоновый режим работы. Дополняет технически арсенал функция резервного копирования и хранения файлов на 30 дней.
TinyPNG
Плагин от разработчиков популярного сервиса оптимизации. Также работает в фоновом режиме, оптимизирует новые файлы, загруженные на сайт. Один из немногих плагинов, которые работают с расширениями PNG и GIF.
Серьезное преимущество TinyPNG в том, что он работает с файлами без ограничений по размеру.
ShortPixel Adaptive Images
Плагин практически не требует настройки и сразу готов к выполнению своей основной задачи — оптимизации изображений на сайте без потери качества.
Внутри есть еще несколько функций, которые повышают производительность и скорость работы сайта. Одна из каких фич — использование CDN (распределенной сети серверов). Плагин автоматически подгружает изображения с ближайшего к пользователю сервера.
Также плагин автоматически подстраивает изображения под формат экрана на разных устройствах.
Реализована и функция Lazy Loading. В первую очередь, загружаются те изображения, которые будут видны сразу после перехода на страницу. Остальные картинки подгружаются позже, в фоновом режиме.
Минусом плагина можно назвать модель оплаты. В бесплатном режиме можно оптимизировать до 100 изображений в месяц.
Imagify
Плагин может работать в трех режимах: Normal, Aggressive, Ultra. Во втором режиме сжатие сильнее и снижается качество картинки, в третьем режиме сжатие и потеря качества максимальные. По умолчанию плагин работает во втором реджиме.
Также есть возможность оптимизировать контент еще на этапе загрузки.
В меню плагина есть удобная статистика, которая показывает сколько места сэкономлено.
Цена плагина зависит от размера картинок, которые вы будете оптимизировать. Если вы сжимаете меньше 1 гигабайта изображений ежемесячно, платить не придется. При работе с большим объемом тариф составит от 5 USD в месяц.
Итоги
Наша подборка основана на субъективных впечатлениях. Многие порекомендуют совсем другие плагины. Все перечисленные дополнения имеют десятки и сотни тысяч активных установок. Их используют для порталов, корпоративных сайтов и других ресурсов.