6 лучших плагинов для сжатия изображений для WordPress (сравнение 2021 года)

Опубликовано: 2021-11-16

Если вы ищете способ ускорить загрузку изображений без ущерба для качества, вам обязательно понадобится плагин для сжатия изображений WordPress. Сжатие изображений значительно уменьшает размер больших изображений, улучшает время загрузки и общую скорость вашего сайта.

Если вы похожи на меня, мысль об оптимизации каждого отдельного изображения на вашем веб-сайте звучит многообещающе. К счастью, есть плагины WordPress, такие как Imagify, которые могут сделать это за нас. Самое приятное то, что нам не нужен Photoshop или любое другое программное обеспечение для редактирования!

В этой статье мы рассмотрим некоторые плагины, которые помогут вам сжимать изображения и оптимизировать производительность вашего сайта WordPress. Но прежде чем мы начнем сравнение лучших онлайн-компрессоров изображений, давайте выделим основные функции, которыми должен обладать хороший плагин сжатия.

Как выбрать плагин для сжатия изображений

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

Рассмотрим подробнее обязательные функции:

  • Поддерживает самые популярные форматы файлов изображений: вам необходимо убедиться, что ваш плагин сжатия изображений может работать с рядом различных форматов файлов. Наиболее популярными типами являются PNG, JPEG, а также изображения GIF или WebP.
  • Преобразует ваши изображения в WebP : WebP — это формат нового поколения, разработанный Google. Формат может уменьшить размер файла изображения до 35% меньше, чем изображения JPEG и PNG, сохраняя при этом высокое качество. В большинстве случаев наши изображения загружаются в библиотеку WordPress в формате PNG или JPEG. Отличный плагин сжатия может автоматически конвертировать их в WebP, чтобы сэкономить ваше время.
  • Позволяет вам выбрать уровень сжатия: плагин должен позволять вам опробовать различные уровни сжатия, чтобы помочь вам достичь идеального баланса между размером файла и качеством. Если это ваше главное изображение, вы хотите, чтобы оно было оптимизировано, но не размыто. Если это очень маленькая фотография отзыва клиента, возможно, будет нормально иметь более низкое качество.
    Хороший способ проверить, предлагает ли плагин разные уровни сжатия, — проверить его функцию «с потерями или без потерь».

С потерями против без потерь
С потерями: приводит к большему уменьшению размера файла с незначительной потерей качества изображения Без потерь: незначительное уменьшение размера файла изображения без потери качества
Примечание: в большинстве случаев человеческий глаз не может различить сжатие без потерь и сжатие с потерями. У нас также есть специальный пост в блоге, который объясняет разницу между потерями и без потерь.

  • Оптимизирует изображения на своих серверах: выберите плагин, который использует свои серверы, а не ваши , для оптимизации вашего изображения, что поможет вам сэкономить трафик и память.
  • Изменяйте размеры ваших изображений на лету: убедитесь, что вы можете указать высоту, ширину для соблюдения или, проще говоря, процент, когда вы загружаете их в WordPress.
  • Массовая оптимизация для сжатия нескольких изображений : если у вас есть сайт электронной коммерции с тысячами изображений, будет очень сложно сжать все эти изображения вручную. Убедитесь, что плагин позволяет сжимать несколько изображений одновременно.
  • Имеет простой интерфейс: вам нужен плагин с хорошо продуманным интерфейсом, чтобы не потеряться в тысячах опций.
  • Предлагает варианты резервного копирования: если вам не нравится качество оптимизированного изображения, вы можете вернуть его в исходное состояние. Убедитесь, что плагин сжатия изображений предлагает неограниченное количество резервных копий.
  • Бонус: убедитесь, что ваши сжатые (и исходные) изображения не удалятся, если вы деактивируете плагин.

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

6 лучших плагинов для сжатия изображений

Вот шесть плагинов для оптимизации изображений WordPress, которые я протестирую и сравню в этом разделе:

  1. Воображай
  2. Оптимоле
  3. Сжать JPEG и PNG (крошечный PNG)
  4. EWWW
  5. ShortPixel
  6. reSmush.it

Чтобы помочь вам выбрать лучший плагин сжатия изображений для вашего сайта WordPress, я протестировал шесть популярных инструментов с двумя изображениями (PNG и JPEG), как показано ниже:

PNG изображение (481 КБ) Изображение в формате JPEG (489 КБ)


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

  • Ключевая особенность
  • Внешний вид интерфейса
  • Цены

Обзор производительности №1: тестирование каждого оптимизатора изображений WordPress с помощью нашего PNG-файла (481 КБ).

Наш файл PNG (481 КБ)
ПЛАГИН ДЛЯ ВОРДПРЕСС ПЕРВОНАЧАЛЬНЫЙ РАЗМЕР СЖАТЫЙ РАЗМЕР ОПТИМИЗАЦИЯ
(%)
МЕТОД СЖАТИЯ
Воображай 481 КБ 120 КБ 75 % (лучший результат) с потерями
Оптимоле 481 КБ 278 КБ 41,7 % Без потерь
Сжать JPEG и PNG 481 КБ 206 КБ 57 % с потерями
EWWW 481 КБ 346 КБ 28 % Без потерь
ShortPixel 481 КБ 130 КБ 73 % с потерями
Resmush.it 481 КБ 390 КБ 19 % Без потерь

Обзор производительности № 2: тестирование каждого оптимизатора изображений WordPress с нашим файлом JPEG.

Наш файл JPG (481 КБ)
Наш файл JPG (481 КБ)
ПЛАГИН ДЛЯ ВОРДПРЕСС ПЕРВОНАЧАЛЬНЫЙ РАЗМЕР СЖАТЫЙ РАЗМЕР ОПТИМИЗАЦИЯ
(%)
МЕТОД СЖАТИЯ
Воображай 489 КБ 212 КБ 56 % (2-й лучший результат) с потерями
Оптимоле 489 КБ 342 КБ 29,4 % С потерями и без потерь
Сжать JPEG и PNG 489 КБ 245 КБ 49 % с потерями
EWWW 489 КБ 467 КБ 25 % Без потерь
ShortPixel 489 КБ 197 КБ 59 % с потерями
reSmush.it 489 КБ 414 КБ 14 % Без потерь

1. Представьте себе

Имея более 500 000 активных установок, Imagify является мощным плагином для сжатия изображений для WordPress, позволяющим оптимизировать ваши изображения в больших количествах и преобразовывать их в WebP. Визуальное сравнение между тремя уровнями сжатия (нормальный, ультра и агрессивный) также очень удобно для выбора метода оптимизации и увеличения времени загрузки.

Ключевая особенность

  • Поддержка PNG, JPG, GIF, PDF и WebP
  • Более быстрое сжатие ваших изображений (с июля 2021 г.)
  • Возможность конвертировать изображения в формат WebP
  • Три уровня сжатия: Нормальный (сжатие без потерь), Агрессивный (сжатие с потерями), Ультра (еще более агрессивное сжатие с потерями для максимальной экономии файлов)
  • Изменение размера и оптимизация могут выполняться автоматически при загрузке или в процессе оптимизации существующих изображений.
  • Imagify использует свои собственные серверы (не ваши) для оптимизации ваших фотографий.
  • Доступны варианты резервного копирования и восстановления
  • Оптимизированные изображения сохраняются, даже если вы деактивируете плагин

Внешний вид интерфейса

У него одна из самых красивых страниц настроек в этом списке! Вы можете найти три основные вкладки: «Общие», «Оптимизация» и «Параметры отображения» в одном удобном месте. Вы можете выбрать автоматическую оптимизацию изображений при загрузке, а также создать резервную копию исходных изображений.
Для каждого режима оптимизации есть большие кнопки, которые дают вам более детальный контроль над вашими изображениями без слишком большого количества опций, загромождающих интерфейс.

Общие настройки - Источник: Imagify
Общие настройки – Источник: Imagify

Преобразование WebP доступно в один клик, что удобно, если у вас есть несколько изображений на вашем сайте WordPress.

Вкладка «Оптимизация» и преобразование WebP — Источник: Imagify
Вкладка «Оптимизация» и преобразование WebP — Источник: Imagify

Наконец, вы найдете одну большую кнопку для массовой оптимизации всех ваших изображений. Эта функция «IMAGIFY'EM ALL» позволяет экономить время в режиме реального времени.

Массовая оптимизация изображений — Источник: Imagify
Массовая оптимизация изображений — Источник: Imagify

Цены

Бесплатная версия позволит вам изменять размер и сжимать изображения объемом 20 МБ в месяц. Тогда премиальная цена выглядит следующим образом:

  • 4,99 доллара США в месяц за 500 ГБ (около 5000 изображений)
  • $9,99 в месяц за неограниченное использование.

Важно: бесплатная версия imagify дает вам доступ ко всем функциям. Премиум-версия позволяет оптимизировать больше изображений.

2. Оптимоле

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

Ключевая особенность

  • Поддерживает все типы изображений
  • Поддерживает изображения WebP
  • Бесплатно предоставляет изображения из глобального CDN
  • Оптимизирует и отображает размер изображения в зависимости от фактического устройства посетителя (это отлично подходит для мобильных устройств).
  • Предоставляет изображения более низкого качества для пользователей с медленным соединением
  • Расширенная обрезка
  • Скрипт ленивой загрузки
  • Преобразование GIF в MP4 автоматически

Внешний вид интерфейса

Современный интерфейс без заморочек. Вы найдете только две вкладки, Dashboard и Settings:

Панель управления и настройки — Источник: Optimole
Панель управления и настройки – Источник: Optimole

Оптимизация изображения запускается автоматически, и вы можете поиграть с несколькими настройками, такими как отложенная загрузка, обслуживание CSS и JS через Optimole и управление качеством изображения с помощью линейки от низкого до высокого:

Настройки – Источник: Optimole

Цены:

Количество изображений, которые вы можете оптимизировать, не ограничено. Им важно только количество ваших посещений в месяц (бесплатно до 5 тысяч посетителей в месяц). Три других плана продаются по цене от 24 долларов в месяц за 25 000 уникальных посещений в месяц.

Если вы перейдете на профессиональную версию, вы получите полный аудит сайта, увеличите количество посещений и получите доступ к приоритетной поддержке.

3. Сжать JPEG и PNG (крошечный PNG)

Это еще один плагин для интеллектуальной оптимизации изображений, который поддерживает изображения JPEG, PNG и WebP. Плагин автоматически оптимизирует все ваши изображения, интегрируясь с популярными сервисами сжатия изображений TinyJPG и TinyPNG.

Ключевая особенность

  • Массовая оптимизация существующей медиатеки
  • Автоматически изменять размер больших загружаемых изображений, устанавливая максимальную ширину и/или высоту.
  • Возможна индивидуальная оптимизация
  • Поддержка форматов PNG и JPEG
  • Нет ограничений на размер файла
  • Резервные копии изображений
  • Отображайте изображения JPEG быстрее с прогрессивным кодированием JPEG

Внешний вид интерфейса:

Интерфейс очень простой, без каких-либо дополнений. Вы найдете страницу настроек с набором вопросов:

Панель настроек — источник: сжатие JPEG и PNG
Панель настроек – Источник: Сжатие JPEG и PNG

В разделе массовой оптимизации вы найдете сводную информацию об общей экономии и о том, какие изображения еще необходимо сжать:

Раздел массовой оптимизации – Источник: Compress JPEG & PNG

Цены:

Вы можете оптимизировать примерно 100 изображений каждый месяц бесплатно. Тогда это 25 $ на пользователя в год. Переход на профессиональную версию дает много преимуществ: вы можете перетаскивать более 20 изображений одновременно, увеличивать размер файла с 5 МБ до 75 МБ и получать доступ к статистике с помощью инструмента Analyzer.

4. Оптимизатор изображений EWWW

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

Ключевая особенность

  • Интеллектуальные параметры преобразования для получения правильного формата изображения для задания JPG, PNG, GIF или WebP
  • WebP-конверсия
  • Неограниченный размер файлов
  • Массовая оптимизация
  • Плавная работа с идеальной по пикселям оптимизацией
  • Бесплатные резервные копии изображений хранят ваши исходные изображения (но будьте осторожны, это только в течение 30 дней).
  • Оптимизируйте изображения с помощью инструментов на вашем сервере в бесплатном плане (это отлично подходит для вопросов конфиденциальности, но для производительности это может привести к замедлению работы вашего сервера во время массовой оптимизации)

Внешний вид интерфейса:

Это выглядит немного староватым, но мастер при активации интересен тем, что позволяет мне применить ленивую загрузку и преобразовать все мои изображения в WebP:

Источник: мастер установки EWWW
Источник: мастер установки EWWW

Затем в разделе настроек сообщается оценка оптимизации, вы можете добавить отсутствующее измерение к изображениям и конвертировать ваши медиафайлы в WebP:

Источник: основные параметры — плагин оптимизатора изображений EWWW.
Источник: основные параметры – Источник: плагин оптимизатора изображений EWWW
Конвертер WebP - плагин EWWW
Конвертер WebP – Источник: плагин оптимизатора изображений EWWW.

Цены

Основной плагин EWWW бесплатный и доступен в репозитории WordPress. Премиум-версия начинается с 7 долларов в месяц и доходит до 25 долларов в месяц. Это дает доступ к большему количеству функций, таких как CDN, большая пропускная способность, аудит скорости и использование их API.

5. Короткий пиксель

ShortPixel автоматически оптимизирует изображения, сохраняя при этом качество ваших изображений. Он использует минимальные ресурсы и может сжимать любые изображения на вашем веб-сайте, даже те изображения, которых нет в медиатеке.

Ключевая особенность

  • Автоматически конвертировать PNG в JPG, если это приведет к уменьшению изображения
  • Совместимость с любой галереей, слайдером или плагином электронной коммерции.
  • Сжатие изображений JPG (и его вариаций JPEG, JPEG 2000, JPEG XR), PNG, GIF, а также PDF-документов
  • Возможность конвертировать любой JPEG, PNG или GIF в WebP и AVIF
  • Автоматически уменьшать большие изображения
  • Массовая оптимизация всех существующих изображений

Внешний вид интерфейса

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

Панель управления с коротким пикселем
Источник: панель инструментов Shortpixel.

Цены

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

Цены на короткие пиксели
Источник: цены Shortpixel.

6. reSmush.it

reSmush.it Image Optimizer позволяет использовать бесплатную оптимизацию изображений на основе reSmush.it API (до 5 МБ). Вы также можете изменить уровень оптимизации ваших изображений от 1 до 100 или исключить некоторые изображения из процесса оптимизации, если это необходимо.

Ключевая особенность

  • Поддерживаемые форматы: изображения PNG, JPG, GIF, BMP и TIFF.
  • Доступна функция «Оптимизировать при загрузке»
  • Массовая оптимизация в один клик
  • Легко исключить актив из оптимизатора
  • Бэкап оригинальных картинок
  • WebP пока недоступен (но скоро будет)

Внешний вид интерфейса

Интерфейс не самый лучший, но, по крайней мере, мы не теряемся в бесконечных настройках. Вы можете установить качество изображения от 1 до 100, выбрать оптимизацию при загрузке, включить статистику и оптимизировать все ваши изображения одним щелчком мыши:

Источник: панель инструментов reSmushi.it.
Источник: панель инструментов reSmushi.it.

Цены
Это совершенно бесплатно.

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

Влияние Imagify на производительность

Imagify эффективно сжимает ваши изображения, что приводит к ускорению вашего сайта WordPress.

Как работает Imagify? Imagify занял 1-е место в сжатии PNG (с сохранением 75%) и 2-е место в процессе оптимизации JPEG (сохранение 56%).

Сравнительная таблица

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

Я также провел аудит Google PageSpeed ​​Insights до и после использования Imagify. Результаты интересны, если мы посмотрим на нашу общую оценку и раздел аудита:

Без воображения (77/100) С Imagify: более быстрый веб-сайт с оптимизированными изображениями (86/100)
Без Imagify — красный аудит С Imagify — пройден аудит
Красный аудит: Пройден аудит:

Подведение итогов

Сжатие изображений на вашем сайте WordPress необходимо для ускорения загрузки фотографий и повышения общей производительности. К счастью, у вас есть мощные плагины WordPress, такие как Imagify, которые могут помочь вам выполнить оптимизацию автоматически. Imagify помог нам выполнить рекомендации Google по PSI, а именно: «предоставлять изображения в форматах следующего поколения» (благодаря функции преобразования WebP), «эффективно кодировать изображения», «иметь изображения правильного размера», а также улучшить наши показатели производительности.

Попробуйте Imagify бесплатно и расскажите нам, как у вас обстоят дела со сжатием изображений!