7 лучших плагинов и инструментов WordPress для оптимизации изображений (протестировано) — 2022 г.

Опубликовано: 2022-10-11


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

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

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

Чтобы помочь вам оптимизировать ваши изображения, в этом посте мы рассмотрим семь лучших инструментов оптимизации изображений и сравним их результаты с реальным тестированием.

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

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

Вот все, что вы найдете в этом посте:

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

Ниже мы расскажем о семи лучших инструментах и ​​плагинах для оптимизации изображений WordPress.

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

Оба изображения имеют ширину 1280 пикселей, и мы делимся данными для полноразмерного изображения ( а не одного из миниатюр меньшего размера, который WordPress создает автоматически ).

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

Конечно, помимо самой экономии размера файла вас также может беспокоить качество сжатых изображений.

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

  • Для сжатия без потерь не было никакой разницы в качестве (что является определением без потерь).
  • При сжатии с потерями было небольшое снижение качества, но это было очень трудно заметить, и я не увидел каких-либо заметных различий результатов между различными инструментами с точки зрения качества изображения.

1. Оптимизатор изображения EWWW

Плагин EWWW Image Optimizer для WordPress

Когда вы устанавливаете и активируете EWWW Image Optimizer, он автоматически оптимизирует любые изображения, которые вы загружаете на свой веб-сайт. Он может оптимизировать файлы JPG, PNG, GIF и PDF, а также позволяет просматривать существующую медиатеку и оптимизировать уже загруженные изображения. Плагин также может конвертировать изображения в лучший формат, если вы решите включить эту опцию в настройках плагина.

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

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

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

Цены :

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

Платные планы начинаются с 7 долларов в месяц за неограниченную оптимизацию изображений для одного сайта вместе со встроенной CDN.

Используйте наш эксклюзивный купон EWWW Image Optimizer, чтобы получить скидку 15%.

Как работал плагин?

Тип файла изображения Тип сжатия Оригинальный размер Уменьшенный размер Процент снижен
JPG Без потерь 271 КБ 271 КБ 0%
JPG с потерями 271 КБ 151 КБ 44,2%
PNG Без потерь 416 КБ Н/Д* Н/Д*
PNG с потерями 416 КБ 105 КБ 74,8%

* По какой-то причине мне не удалось заставить EWWW Image Optimizer выполнять сжатие PNG без потерь. Даже если я выбрал без потерь, он все равно использовал сжатие с потерями.

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

Инструмент оптимизации изображений Smush

Плагин Smush Image Compression and Optimization, разработанный WPMU Dev, доступен как в бесплатной, так и в премиальной версиях.

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

Бесплатная версия плагина позволяет оптимизировать неограниченное количество изображений, но каждое отдельное изображение не может превышать 5 МБ.

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

Цены :

Чтобы снять ограничение в 5 МБ для отдельных изображений и получить доступ к другим платным функциям, таким как доставка изображений CDN, преобразование WebP и т. д., платные планы начинаются с 7,50 долларов США в месяц.

Как работал плагин?

Тип файла изображения Тип сжатия Оригинальный размер Уменьшенный размер Процент снижен
JPG Без потерь 271 КБ 268 КБ 1%
JPG с потерями 271 КБ 224 КБ 17,5%
PNG Без потерь 416 КБ 320 КБ 23%
PNG с потерями 416 КБ 74 КБ 82,3%

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

Плагин для оптимизации изображений ShortPixel WordPress

ShortPixel — это бесплатный плагин, который может сжимать файлы JPG, PNG и GIF.

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

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

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

Другие полезные функции включают в себя следующее:

  • Преобразование в форматы WebP или AVIF для файлов меньшего размера.
  • Подача изображений Retina.
  • Оптимизация PDF в дополнение к изображениям.

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

Цены :

Бесплатная версия плагина позволяет оптимизировать 100 изображений в месяц.

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

  • Одноразовые пакеты — от 9,99 долларов США единовременно за 10 000 оптимизаций изображений. Кредиты бессрочные — вы можете продолжать использовать их, пока они не закончатся.
  • Ежемесячные/годовые планы — от 3,99 долларов США в месяц до 7000 изображений в месяц. Кредиты не переносятся из месяца в месяц.

Используйте наш купон ShortPixel, чтобы получить 50% дополнительных кредитов и сэкономить много.

Как работал плагин ?

Тип файла изображения Тип сжатия Оригинальный размер Уменьшенный размер Процент снижен
JPG Без потерь 271 КБ 268 КБ 1%
JPG с потерями 271 КБ 125 КБ 54%
PNG Без потерь 416 КБ 312 КБ 25%
PNG с потерями 416 КБ 142 КБ 65,8%

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

Воображай

Imagify — еще один высококачественный вариант оптимизации изображений WordPress.

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

Для этого требуется ключ API, и он предлагает 3 уровня сжатия:

  • Нормальный — используется при сжатии без потерь.
  • Агрессивный — использует сжатие с потерями с минимальной потерей данных.
  • Ультра — использует сжатие с потерями, но допускает незначительную потерю качества.

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

Плагин также может обрабатывать преобразования WebP, если вы хотите использовать этот формат.

Цены :

Бессрочный тарифный план позволяет оптимизировать до 20 МБ изображений в месяц.

Оттуда премиальные планы стоят 4,99 доллара за до 500 МБ в месяц или 9,99 доллара за неограниченное использование в месяц. Вы можете сэкономить больше, выбрав годовую цену.

Как работал плагин ?

Тип файла изображения Тип сжатия Оригинальный размер Уменьшенный размер Процент снижен
JPG Без потерь 271 КБ 271 КБ 0%
JPG с потерями 271 КБ 201 КБ 26%
PNG Без потерь 416 КБ 318 КБ 24%
PNG с потерями 416 КБ 112 КБ 73%

5. Кракен

Кракен

Плагин Kraken.io Image Optimization позволяет оптимизировать и изменять размер новых и существующих загрузок изображений WordPress с помощью их API-интерфейса Kraken.io Image Optimizer.

Плагин поддерживает как оптимизацию без потерь, так и интеллектуальную оптимизацию с потерями, а также может оптимизировать JPG, PNG и GIF, включая анимированные GIF.

Поддерживается функция массовой оптимизации, а также возможность сохранения всех данных EXIF.

Помимо возможности оптимизировать анимированные GIF-файлы, Kraken — один из немногих плагинов, которые работают даже на локальных установках WordPress.

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

Цены :

Бесплатная версия плагина позволяет оптимизировать файлы изображений размером до 32 МБ и до 100 МБ изображений. Премиум-планы начинаются с 5 долларов в месяц за до 500 МБ изображений.

Как работал плагин ?

Тип файла изображения Тип сжатия Оригинальный размер Уменьшенный размер Процент снижен
JPG Без потерь 271 КБ 268 КБ 1%
JPG с потерями 271 КБ 267 КБ* 1,4%
PNG Без потерь 416 КБ 300 КБ 27,7%
PNG с потерями 416 КБ 136 КБ 67,3%

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

6. WP Сжатие

WP Сжатие

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

Он предлагает два разных подхода к оптимизации изображений, и вы можете выбрать тот, который подходит именно вам:

  • Локальное сжатие изображений — плагин оптимизирует изображения на вашем сервере, включая сжатие, изменение размера и преобразование их в WebP. При желании вы также можете использовать специальные изображения Retina.
  • Живая оптимизация + CDN — плагин будет обслуживать изображения вашего сайта через CDN и оптимизировать их в режиме реального времени для каждого посетителя. Позже мы обсудим этот подход более подробно .

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

Цены :

WP Compress предлагает бесплатный план, который позволяет оптимизировать до 100 МБ изображений в месяц.

После этого платные планы начинаются всего с 5 долларов в месяц за 50 ГБ оперативной оптимизации и/или 10 000 локальных изображений.

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

Как работал плагин?

Тип файла изображения Тип сжатия Оригинальный размер Уменьшенный размер Процент снижен
JPG Без потерь 271 КБ Н/Д* Н/Д*
JPG с потерями 271 КБ 161 КБ 40,6%
PNG Без потерь 416 КБ Н/Д* Н/Д*
PNG с потерями 416 КБ 69 КБ 83,4%

7. Крошечный PNG

КрошечныйPNG

TinyPNG — популярный сервис/плагин, который, несмотря на название, может оптимизировать все типы форматов изображений, а не только файлы PNG.

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

Однако TinyPNG поддерживает только сжатие с потерями — он не дает возможности сжатия без потерь, как многие другие плагины.

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

Цены :

У TinyPNG довольно щедрый бесплатный план, который позволяет бесплатно оптимизировать до 500 изображений в месяц. После этого цены варьируются от 0,009 доллара США за изображение до 0,002 доллара США за изображение в зависимости от вашего использования ( чем больше объем, тем ниже цена ).

Вам выставляется счет только на основе вашего фактического использования.

Как работал плагин?

Тип файла изображения Тип сжатия Оригинальный размер Уменьшенный размер Процентное снижение
JPG Без потерь 271 КБ Н/Д* Н/Д*
JPG с потерями 271 КБ 148 КБ 45,4%
PNG Без потерь 416 КБ Н/Д* Н/Д*
PNG с потерями 416 КБ 123 КБ 70,4%

*TinyPNG выполняет только сжатие с потерями.

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

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

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

При таком подходе плагин будет оптимизировать ваши изображения в режиме реального времени и использовать CDN для предоставления изображения, оптимизированного для каждого уникального посетителя.

Например, тот, кто просматривает ваш сайт на экране 4K, получит изображение с более высоким разрешением, чем тот, кто просматривает его на смартфоне.

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

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

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

Вот несколько популярных вариантов…

Оптимоле

Оптимоле

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

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

Существует ограниченный бесплатный план, который поддерживает до 5000 посещений в месяц. После этого платные планы начинаются с ~ 19 долларов в месяц до 25 000 посещений.

Адаптивные изображения ShortPixel (AI)

Адаптивные изображения ShortPixel

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

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

Существует ограниченная бесплатная версия, которая поддерживает пропускную способность CDN до 500 МБ в месяц. После этого платные планы начинаются с 3,99 долларов в месяц за 7000 кредитов. Каждый кредит равен 5 МБ пропускной способности CDN, что означает, что этот план дает вам 3,5 ГБ пропускной способности CDN.

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

Летающие изображения

Летающие изображения

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

Статически поддерживается комбинация Cloudflare, BunnyCDN, Fastly и CDN77.

Он исходит от того же разработчика плагина оптимизации FlyingPress, но вам не нужно использовать FlyingPress для использования Flying Images.

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

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

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

  • Качество оптимизации — насколько инструмент может уменьшить размер ваших изображений (без слишком сильного влияния на качество), очевидно, является важным фактором.
  • Другие функции — помимо сжатия, вам могут понадобиться другие функции, такие как преобразование WebP/AVIF или поддержка Retina.
  • Ценообразование — если вам нужно превысить бесплатные планы, разные инструменты используют разные подходы к ценообразованию, и один подход может предложить лучшую ценность для вашего сайта.

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

Сравнение сжатия JPEG без потерь

Сравнение сжатия JPEG с потерями

Сравнение сжатия PNG без потерь

Сравнение сжатия PNG с потерями

Заключительные мысли и рекомендации

Лично я использую и рекомендую ShortPixel как лучший инструмент оптимизации изображений WordPress для большинства ситуаций.

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

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

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

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

Некоторые также предлагают более щедрые бесплатные планы. Например, TinyPNG предлагает 500 бесплатных оптимизаций в месяц, тогда как ShortPixel предлагает только 100. Smush даже предлагает неограниченное использование, что сложно превзойти.

Если вы заинтересованы в более продвинутой оптимизации, вы также можете рассмотреть один из инструментов оптимизации изображений в реальном времени на основе CDN, о которых я упоминал, таких как Optimole или ShortPixel Adaptive Images.

У вас все еще есть вопросы о выборе между этими плагинами для оптимизации изображений WordPress? Дайте нам знать об этом в комментариях!