В этом обзоре мы рассмотрим лучшие оптимизаторы изображений WordPress.

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

Результаты наших тестов нас очень удивили. Читайте дальше, чтобы узнать, что именно мы обнаружили, особенно о «популярных» плагинах.

Зачем беспокоиться об оптимизации изображений?

Изображения представляют собой ок. 21% от размера данной страницы .

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

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

Вот плагины, которые мы тестировали.

Лучшие плагины для оптимизации изображений WordPress

Imagify  

Домашняя страница Imagify

Imagify  — это бесплатный плагин для WordPress, но вам нужно будет создать учетную запись Imagify.io, чтобы получить API, необходимый для работы плагина.

Подключение API к Imagify

Imagify создан теми же людьми, которые создали WP Rocket , поэтому мы возлагали большие надежды на функции и возможности.

Интерфейс изображения

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

Лучший оптимизатор изображений WordPress

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

Это более-менее.

Действительно крутая функция — вы можете оптимизировать свои изображения. WordPress темаили просто добавьте целую папку с изображениями:

Лучший оптимизатор изображений WordPress

Инструмент «Визуальное сравнение» — приятный штрих: вы можете просмотреть различные уровни сжатия изображений, доступные в плагине:

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

Вы можете выбрать три различных типа сжатия изображений:

  • Нормальный – минимальное сжатие
  • Агрессивный – среднее сжатие (настройка по умолчанию)
  • Максимальное ультра-сжатие

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

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

Сначала вам нужно загрузить изображение, а затем перейти в медиатеку WordPress, чтобы найти настройки оптимизации:

Настройки оптимизации Imagify в медиатеке WP

Ваше изображение оптимизировано в соответствии с настройками плагина Imagify по умолчанию, и в данном случае это была настройка «Агрессивный», которая уменьшила размер файла на один. колоссальные 95,34% .

В реальном выражении это означает, что размер файла уменьшился с 555 КБ до 25 КБ.

Результат оптимизации агрессивных настроек Imagify

На этом экране вы можете выбрать оптимизацию до «Ультра» или вниз до «Нормально», а также восстановить файл изображения в исходное состояние.

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

Imagify сравнивает оригинал и оптимизированный вариант

AVANTAGES

  • Очень впечатляющее сжатие изображений
  • Их бесплатный план покрывает 25 МБ трафика изображений в месяц.
  • Минималистичный интерфейс очень прост в использовании

НЕДОСТАТКИ

  • Отдельную вкладку для настроек «Администратора» было бы неплохо, но тут мы придираемся.

Краткое описание Imagify:

  • Простота установки: вам необходимо зарегистрироваться, чтобы получить доступ к ключу API
  • Последнее обновление :  есть 2 недели
  • Поддержка изображений WebP: да
  • Тестовое сжатие изображения:  95,34%

Smush 

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

Smush (ранее WP Smush) — один из самых популярных плагинов для сжатия изображений.

Фактически, если бы вы спросили большинство владельцев веб-сайтов, что они используют для сжатия изображений, они, вероятно, ответили бы «Smush». Это также объясняет, почему плагин имеет 1 000 000 активных установок.

Но давайте посмотрим, заслуживает ли он своей репутации?

Смуш-интерфейс

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

Остальные функции Smush доступны из меню в левой части экрана:

  • Bulk Smush – сжимайте все ваши изображения одновременно
  • Справочник Smash – сжимает все изображения в заданном каталоге
  • интеграций – Гутенберг, галерея Amazon S3 NextGen и WP Bakery Page Builder
  • Ленивый нагрузки – отложить загрузку изображений ниже сгиба
  • CDN – Включите CDN разработчика WPMU для Smush.
  • Outils – Обнаружение и отображение изображений неправильного размера.
  • Параметры – Доступность, переводы, отслеживание использования, данные приложения и статус API.

Честно говоря, единственные настройки, на которые вам, вероятно, придется обратить внимание, — это «Массовое сжатие» и «Ленивая загрузка».

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

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

Автоматическое сжатие Smush

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

Изображение в медиатеке без сжатия Smush

Смуш или не Смуш… вот в чем вопрос!

И когда вы выполняете Smush, результаты не совсем потрясающие:

Результаты оптимизации изображений Smush

Смуш подарил нам Уменьшение размера на 3,7% для нашего тестового изображения.

Чтобы быть по-настоящему честными, мы протестировали еще одно изображение большего размера, чтобы проверить, так ли оно хорошо:

На этот раз мы получили уменьшение размера изображения на 86,1%. Smush справился гораздо лучше со сжатием файла размером 1,5 МБ, чем файла размером 555 КБ. И после сравнения изображений мы выяснили, почему: изображение большего размера имело меньше цветов и было менее сложным.

Это означает, что алгоритм сжатия Smush максимально прост.

AVANTAGES

  • Панель управления Smush дает четкое визуальное представление о вашей статистика и задачи
  • Это 100% бесплатный плагин.

НЕДОСТАТКИ

  • «Улучшение» размера файла на 3% — это жалко.
  • Вы не можете изменить уровень сжатия

Краткое содержание Смуша:

  • Простота установки: установить и активировать из WordPress
  • Последнее обновление плагина: есть 1 месяц
  • Тестовое сжатие изображения: 3,7%
  • Поддержка WebP?  не

ShortPixel 

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

Первое, на что нам нужно обратить внимание, это то, что на самом деле существует два разных плагина ShortPixel:

  • Оптимизатор изображения ShortPixel (SIO)
  • Адаптивные изображения ShortPixel (SAI)

Так в чем же разница между ними?

ShortPixel Image Optimizer — лучший выбор для сайтов. распространение данных среди местной аудитории , а адаптивные изображения ShortPixel лучше всего подходят для сайтов, обслуживающих международную аудиторию.

Поэтому мы тестировали только плагин «Адаптивные изображения».

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

Интерфейс ShortPixel

Они выбрали минималистский подход к своему интерфейсу, который является глотком свежего воздуха по сравнению с некоторыми другими плагинами:

Параметры ShortPixel Ai

На вкладке «Общие» вы можете выбрать один из трех уровней сжатия:

  1. С потерей – выше сжатие, ниже качество изображения
  2. Яркий - почти идентично оригинальному изображению
  3. Без потерь : меньшее сжатие, более высокое качество изображения

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

Вкладка «Дополнительно» содержит URL-адрес API и несколько настроек, которые 99% из вас никогда не понадобятся.

Опять же, почти никакая настройка не требуется.

Сжатие изображения

ShortPixel заботится о ваших потребностях в сжатии изображений «на лету», поэтому реально измерить результаты довольно сложно.

Фактически, единственный способ найти статистика о сжатии изображений можно узнать на их веб-сайте.

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

Но результаты были впечатляющими… как только мы их нашли:

У нас есть Уменьшение размера файла на 94,36 %. , полученное без каких-либо корректировок, манипуляций или манипулирования различными параметрами.

Этот рейтинг ставит ShortPixel на 3-е место, но лишь с минимальным отрывом.

AVANTAGES

  • Установите и забудьте об оптимизации изображений
  • Отличное уменьшение размера файла изображения
  • Никаких манипуляций со сложными настройками
  • Доступен бесплатный аккаунт (100 изображений в месяц)

НЕДОСТАТКИ

  • Им нужна панель отчетности в плагине.
  • Несколько доступных плагинов сбивают с толку

Краткое описание ShortPixel:

  • Установка: установить и активировать из WordPress
  • Последнее обновление плагина: там 16 часов
  • Тестовое сжатие изображения: 94,36%
  • Поддержка WebP? да

EWW-оптимизатор 

Фууу плагин для оптимизации изображений

Имея 700 000 активных установок и рейтинг 4,5 звезды, Ewww кажется хорошим выбором в качестве плагина для сжатия изображений.

В конце концов, если несколько сотен тысяч владельцев сайтов им довольны, значит, они что-то делают правильно.

Интерфейс

EWWW Image Optimizer имеет очень наглядную панель управления, отображающую ожидаемый уровень сжатия изображения, а также объем сэкономленного вами на данный момент файлового пространства.

Возможно, вы заметили, что уровень сжатия установлен на уровне 20%, что все равно выглядит не так уж плохо.

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

Ewww оптимизация изображений, основное меню

Вам необходимо приобрести ключ API, чтобы получить доступ к их «Pixel Perfect Plus» или более совершенным инструментам сжатия.

Мы обсудим эту неудачу более подробно в следующем разделе.

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

Сжатие изображения

Как и Smush, EWWW Image Optimizer автоматически сжимает все новые изображения, загружаемые в вашу медиатеку WP.

К сожалению, единственный способ сделать это — вручную отредактировать файл wp_config.php или то, что они называют « варианты замены .

Эта оплошность делает плагин мгновенно недоступным для очень большого количества людей.

Мы запустили тест плагина, используя настройки оптимизации по умолчанию, и получили следующий результат:

Результаты оптимизации изображений Ewww

Это уменьшение размера файла на 9% (58,8 КБ) привело к уменьшению размера нашего тестового изображения с 555 КБ до 496,2 КБ. Это немного лучше, чем у Smush, но сильно отстает от всех остальных плагинов этого синтеза.

Единственный способ улучшить этот результат — приобрести API, который взимает 0,0003 доллара США за изображение. Или вместо этого вы можете платить 9 долларов в месяц за CDN изображений ExactDN.

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

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

AVANTAGES

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

НЕДОСТАТКИ

  • Интерфейс - настоящая катастрофа
  • Сжатие изображения очень плохое
  • Бесплатная версия плагина крайне ограничена в функционале.

Краткое изложение EWWW

  • Установка: установить и активировать из WordPress
  • Последнее обновление плагина: есть 2 недели
  • Сжатие изображения: 9%
  • Поддержка WebP? да

Optimole

Optimole

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

Или, по их собственным словам, «…обработка изображений в реальном времени и CDN изображений для WordPress».

И, как и большинство других облачных инструментов оптимизации изображений, для использования этого плагина вам необходимо создать бесплатную учетную запись. Ваша учетная запись Optimole не является «бесплатной навсегда»: на нее налагается ограничение на размер изображения в 1 ГБ.

Интерфейс

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

У вас есть выбор между «Панель управления» и «Настройки»:

В настройках у вас есть два основных варианта:

  1. Включить замену изображений
  2. Масштабирование изображений и отложенная загрузка
Общие настройки Оптимоле

А в меню «Дополнительно» вы можете выбрать:

  • Уровень сжатия - низкий, средний или высокий
  • Изменение размера изображения - изменить размер больших изображений по размеру
  • Ленивая загрузка (включить общий заполнитель)
  • Что не включено – файлы, которые вы не хотите оптимизировать
  • водяной знак – добавьте водяной знак к вашим изображениям, чтобы предотвратить кражу/пиявок

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

Чтобы получить доступ к плагину, перейдите в раздел «Плагины» -> «Установленные плагины», затем прокрутите вниз и нажмите «Настройки» плагина.

Мы надеемся, что они исправят эту проблему в будущем обновлении с помощью какой-нибудь панели администратора или системы контекстного меню.

Сжатие изображения

Итак, интерфейс великолепен, но насколько хорошо он позволяет уменьшить размер файла изображения?

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

Результаты оптимизации изображения Optimole

Наше тестовое изображение теперь в 21,8 раза меньше, чем раньше, и это выглядит потрясающе. Но у нас еще был без понятия что это значит в килобайтах/мегабайтах. Поэтому в крайнем случае мы проверили веб-панель нашей учетной записи Optimole:

Последние изображения, оптимизированные с помощью Optimole

26 КБ — потрясающий результат, но нужно преодолеть слишком много препятствий, чтобы получить эту информацию. Optimole отлично справляется со своей задачей, но им нужно поработать над UX.

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

AVANTAGES

  • Впечатляющие возможности уменьшения изображения
  • Функция водяных знаков очень крутая
  • Упрощенный и интуитивно понятный интерфейс
  • 5 ГБ бесплатного трафика изображений в месяц

НЕДОСТАТКИ

  • На самом деле, доступ к плагину — это рутинная работа.
  • Отчеты, мягко говоря, сложны.

Краткое описание Оптимола

  • Простота установки: вам необходимо зарегистрироваться, чтобы получить доступ к ключу API
  • Последнее обновление плагина: там 1 дней
  • Сжатие изображения: 95%
  • Поддержка WebP? да

Результаты сжатия изображения

Все результаты ниже основаны на этом тестовом изображении:

Какой лучший оптимизатор изображений WordPress
  • Размер исходного изображения: 555 КБ.
  • Формат изображения: JPEG
  • Размеры изображения: 1 x 000 пикселей.
ПлагинСжатый размерПроцент снижения
Imagify 25,8 Ko95%
Smush554,8 Ko3%
ShortPixel 31,2 Ko94%
Ewww 496,2 Ko9%
Optimole26 Ko95%

Плагин с лучшим результатом оптимизации изображений: Воображай.ио , при этом Optimole занял 2-е место, а ShortPixel очень и очень приблизился к 3-му.

Что было самым интересным в наших тестах, так это низкая производительность Smush и EWWW, но цифры не лгут.

Нет смысла использовать плагины, которые буквально не делают того, что говорят.

Заключение

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

Мы были искренне удивлены выступлением от Imagify и Оптимол в наших тестах.

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

ShortPixel — наш выбор просто потому, что он почти автоматизирован: мы просто позволяем ему делать свою работу.

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

Дайте нам знать, что вы думаете об этом обзоре, в комментариях, и не забудьте поделиться этой статьей, если она оказалась для вас полезной.

Давай, ты знаешь, что хочешь этого!