Это 2020 год и речь идет о динамических веб-сайтах с множеством изображений, которые подходят не только пользователям настольных компьютеров, но и мобильных устройств.
С одной стороны, изображения при правильном использовании могут привлечь внимание пользователей и не дать вашим веб-страницам превратиться в скучные блоки текста.
С другой стороны, наполнение вашего сайта неоптимизированными изображениями может испортить удовольствие и сделать ваш сайт невыносимо медленным.
Но если вы используете WordPress, вам повезло, поскольку существует множество замечательных плагинов для оптимизации изображений WordPress. Они могут сделать всю работу за вас!
В этой статье мы перечислим лучшие плагины для оптимизации изображений WordPress.
Таблица-сравнение, что может предложить каждый плагин оптимизатора изображений WordPress
Что такое оптимизация изображения
Оптимизация изображения — это процесс, при котором вы адаптируете изображение к определенным критериям для вашего веб-сайта. Этот набор критериев включает размер, разрешение и правильный формат. В итоге изображения должны быть представлены таким образом, чтобы они не замедляли работу вашего сайта и не мешали пользователю.
Стоит отметить, что оптимизация изображения и сжатие изображения — не одно и то же. Сжатие изображения — это часть процесса оптимизации изображения, при котором размер изображения уменьшается с учетом качества изображения.
Как мы это проверили
Одним из наиболее важных аспектов оптимизации изображения является сжатие изображения — насколько можно уменьшить размер файла изображения практически без потери качества.
Сравним эффективность алгоритмов сжатия изображений, используемых перечисленными плагинами.
JPG
Во-первых, давайте посмотрим, насколько хорошо плагин может сжимать изображение JPEG.
PNG
Теперь давайте сравним, насколько хорошо они могут сжимать файл PNG.
6 плагинов для оптимизации изображений WordPress
К настоящему времени вы должны иметь базовое представление о том, что такое оптимизация изображений и насколько хорошо разные плагины сравниваются друг с другом, когда дело касается сжатия изображений.
Однако, оптимизация изображений касается не только сжатия изображений. Вы можете реализовать дополнительные методы для оптимизации изображений, повышения производительности сайта и удобства работы пользователей.
Мы составили подробный обзор каждого из этих плагинов, чтобы вы поняли, что они могут предложить, помимо сжатия.
1. Адаптивные изображения ShortPixel
ShortPixel Adaptive Images поставляется со всеми необходимыми функциями, которые помогут оптимизировать изображения WordPress и повысить производительность вашего сайта.
Вы получаете доступ к множеству функций и возможностей, включая алгоритм сжатия подписи ShortPixel. Это может помочь уменьшить размер файла изображения до 90% без какой-либо очевидной потери качества.
Тест оптимизации изображения ShortPixel
Размер файла PNG уменьшился на 63,17%. При использовании алгоритма с потерями конечный размер изображения уменьшился с 1,65 МБ до 622,27 КБ.
Посмотрите сравнение качества оригинального и сжатого изображении.
Для файла JPG мы увидели сокращение на 59,48% с 484 КБ до 196,11 КБ.
Плюсы ShortPixel
Помимо эффективного алгоритма сжатия, ShortPixel Adaptive Images имеет еще несколько замечательных функций для оптимизации ваших изображений и повышения производительности веб-сайта.
Во-первых, плагин предоставляет вам доступ к выделенной CDN образов (Content Delivery Network), которая представляет собой глобально распределенную сеть серверов. Как только пользователь попытается получить доступ к вашему веб-сайту, он доставит изображения с географически ближайшего сервера, что помогает уменьшить задержку при доставке изображений.
Вдобавок ко всему , у них также есть функция интеллектуальной обрезки, которая будет динамически обрезать и изменять размер изображений в зависимости от размера и разрешения экрана посетителей. Таким образом, если человек смотрит с ноутбука, изображение будет иметь размер 640 × 480 пикселей. Если они просматривают с мобильного телефона, изображение будет иметь размер 300 × 225 пикселей.
Это также дает вам доступ к отложенной загрузке изображений . Эта функция отдает предпочтение загрузке изображений, которые расположены в верхней части страницы, то есть сразу же видимы, как только посетитель заходит на вашу веб-страницу. Остальные изображения доступны только после прокрутки, что снижает начальную нагрузку на сервер, загружающий веб-сайт.
Минусы ShortPixel
На ShortPixel с его надежным набором функций особо не на что жаловаться. Однако, стоит отметить, что это не бесплатный плагин.
Плагин позволит вам бесплатно сжимать около 200 изображений в месяц. Если нужно больше, то придется перейти на премиальный план. Кроме того, вам нужно будет создать учетную запись ShortPixel, чтобы продолжать получать бесплатные 200 изображений.
Ценообразование
Плагин следует модели freemium. Он в основном предоставляет функции CDN, отложенной загрузки и изменения размера изображений бесплатно без ограничений. Однако вы можете сжимать только до 200 изображений в месяц с бесплатной учетной записью.
Если нужно оптимизировать больше изображений, вам нужно будет выбрать один из их платных планов.
- 4,99 доллара США за 10 000 изображений в месяц.
- 9,99 долларов США за 24 000 изображений в месяц.
- 29,99 долларов США за 110 000 изображений в месяц.
Вы также можете перейти на разовый план вместо ежемесячной подписки.
Вывод
В целом, ShortPixel Adaptive Images — это действительно мощный и многофункциональный вариант с точки зрения оптимизации изображений. Он поставляется с множеством функций, включая мощный алгоритм сжатия изображений, CDN изображений, отложенную загрузку и интеллектуальную обрезку.
Кроме того, бесплатного плана с ограничением 200 изображений в месяц более чем достаточно для блогеров-любителей. Но если вы работаете с большим количеством изображений, то доступны платные тарифы по вменяемой цене. Начать работу с ShortPixel
2. Imagify
Imagify — популярный и мощный плагин WordPress для оптимизации изображений с более чем 300 000 активных установок.
В чем причина его огромной популярности?
Данный плагин дает контроль и гибкость с точки зрения оптимизации изображений. Он поддерживает широкий спектр типов файлов и даже преобразует изображения в формат файла WebP следующего поколения.
Тест оптимизации изображений Imagify
Imagify по непонятной причине указала, что изображение JPG уже оптимизировано и, следовательно, не производила никакого сжатия.
Для PNG была проделана работа по сжатию изображения с 1,65 МБ до 33,55 КБ, что привело к уменьшению размера на 98,02%, но с потерей качества.
Плюсы Imagify
С Imagify у вас есть доступ к трем уровням сжатия изображений от алгоритмов без потерь до алгоритмов с потерями. Это дает большую гибкость с точки зрения баланса между нормальным качеством изображения и его размером.
Также есть возможность при оптимизации конвертировать изображение в формат WebP .
Более того, плагин работает со всеми популярными типами файлов изображений, поэтому не возникает проблем с совместимостью.
Вы получаете доступ к средству изменения размера изображения, которое вы можете использовать для изменения размеров изображения прямо из бэкэнда WordPress.
Минусы Imagify
Самая большая проблема Imagify — то, что он позволяет бесплатно оптимизировать до 25 МБ изображений в месяц. Это очень мало даже для стартапов.
Большинство неоптимизированных изображений имеют размер около 1 МБ. Таким образом, каждый месяц вы можете использовать плагин для оптимизации максимум 25 изображений высокого качества или ниже.
Ценообразование
Бесплатно вы можете использовать плагин для оптимизации до 25 МБ изображений в месяц. Для чего-то большего вам нужно будет перейти на один из их тарифных планов.
Планы подписки начинаются с 4,99 долларов в месяц для оптимизации 1 ГБ изображений и до 55,99 долларов в месяц для оптимизации 50 ГБ изображений.
Также доступны годовые подписки и одноразовая оплата.
Вывод
В целом, Imagify предлагает множество качественных функций. Однако, с ежемесячным лимитом оптимизации изображений всего 25 МБ для бесплатных учетных записей, нас подталкивают к платным тарифам.
3. Optimole
Optimole — это плагин WordPress для оптимизации изображений, который поставляется с множеством инновационных функций, которые помогут полностью автоматизировать оптимизацию изображений.
Все, что нужно сделать, это установить и активировать плагин, а он сделает все остальное. Вам не придется беспокоиться о проблемах с производительностью сайта, связанных с тяжелыми файлами изображений.
Тест оптимизации изображений Optimole
Optimole хорошо показал себя при сжатии изображений JPG и PNG.
Для JPG размер файла уменьшен с 484 КБ до 217,8 КБ, что привело к уменьшению размера изображения на 45%. Он использует сжатие как с потерями, так и без потерь.
В случае с PNG удалось уменьшить размер изображения на 55% с помощью сжатия с потерями и без потерь.
Плюсы Optimole
Optimole поставляется с уникальной функцией, называемой динамической подачей изображений, которая в основном заменяет все URL-адреса ваших изображений на URL-адреса в облаке.
Теперь, когда пользователь посещает ваш сайт, все оптимизированные изображения будут обслуживаться с сервера Optimole. Пользователи получат доступ к высококачественным изображениям, размер которых динамически изменяется и настраивается для их конкретного окна просмотра.
Такой подход значительно увеличивает скорость загрузки и позволяет по-настоящему оптимизировать изображения для всех устройств одновременно. Вы даже можете настроить его на снижение качества изображения в случае, если пользователь использует более медленное соединение, просто чтобы убедиться, что скорость загрузки веб-сайта не нарушена.
Минусы Optimole
Самая большая проблема с Optimole заключается в том, что ни одно из сжатых изображений и изображений с измененным размером не хранится в вашей базе данных WordPress. Они создаются и обслуживаются в режиме реального времени.
Таким образом, у вас нет доступа ни к одному из оптимизированных изображений, и нет возможности использовать их в другом месте.
Ценообразование
Optimole поставляется бесплатно, если количество просмотров изображений не превышает 5000 в месяц. Этого более чем достаточно для начинающего блогера.
Как только ваш блог/веб-сайт начнет расти, вы можете легко перейти на один из платных тарифных планов.
Цена начинается с 22,52 доллара в месяц, что позволяет оптимизировать изображения до 25 000 ежемесячных посещений, и до 432,62 доллара в месяц для веб-сайтов, которые посещают 3 миллиона в месяц.
Вывод
Если вы только начинаете работу с сайтом или блогом WordPress, то переход на Optimole — отличный вариант.
Вы можете загружать очень много изображений, но до тех пор, пока ваш ежемесячный трафик составляет менее 5000 посетителей, вы можете оптимизировать их бесплатно.
Плагин также идеально подходит для пользователей, которые хотят автоматизировать всю процедуру оптимизации изображений и не напрягаться из-за нее.
4. Smush
Smush имеет более 1 миллиона активных установок, что делает его одним из самых популярных плагинов WordPress для оптимизации изображений. Он удобен для начинающих и известен своей простотой использования.
Плагин доступен как в бесплатной версии, так и в pro — версии.
Рассмотрим бесплатную версию плагина. Однако, мы приведем основные различия между бесплатной и премиум-версиями, чтобы помочь вам принять правильное решение.
Smush-тест оптимизации изображений
Smush уменьшил размер изображения на 1,6% (с 484 КБ до 477 КБ) с помощью сжатия без потерь.
В случае с PNG, он достиг сжатия 2,4% (от 1,65 МБ до 1,61 МБ) с использованием сжатия без потерь.
Плюсы Smush
В отличие от всех других плагинов в списке, Smush позволяет оптимизировать потенциально неограниченное количество изображений без необходимости обновления до премиум-плана.
Он использует алгоритм сжатия и уменьшает размер файла изображения без какой-либо потери качества.
Вы получаете доступ ко многим другим функциям оптимизации изображений, включая ленивую загрузку, поддержку изменения размера изображения и специальный детектор размера изображения, который может указывать на неоптимизированные изображения.
Обновившись до Smush Pro, вы получите доступ к их функции Smush Lossy Compression, которая может уменьшить размер изображения до 80%. Помимо этого, он может автоматически изменять размер ваших изображений до предварительно настроенной ширины и высоты. Вы также можете конвертировать изображения в формат WebP.
Минусы Smush
Бесплатная версия Smush может оптимизировать изображения размером менее 5 МБ. Кроме того, поскольку он использует алгоритм сжатия без потерь, уменьшение размеров файлов изображений очень ограничено.
Частично проблема решается обновлением до Smush Pro, где вы получаете доступ к сжатию с потерями. Кроме того, поддержка размеров файлов изображений увеличена до 32 МБ.
Однако, ни в бесплатной, ни в премиум-версии вы не сможете работать с изображениями размером более 32 МБ.
Ценообразование
Smush можно использовать совершенно бесплатно.
Если вы решите использовать Smush Pro, то можно подписаться на один из тарифных планов:
Вывод
Smush не имеет ограничений по количеству изображений, которые вы можете оптимизировать. Однако, с помощью бесплатного плагина вы ограничены только сжатием без потерь, поэтому размер файла изображения не будет значительно уменьшен.
Обновление до Smush Pro дает вам больше возможностей, и вы сможете использовать более агрессивные с алгоритмы сжатия. Начни с Smush
5. Оптимизатор EWWW
EWWW Image Optimizer — еще один популярный плагин WordPress для оптимизации изображений с более чем 800 000 активных установок.
Он соединяет вас с EWWW IO API, который автоматически оптимизирует все изображения, загружаемые на веб-сайт, включая изображения, которые уже были загружены до установки плагина.
Как и Smush, базовый плагин полностью бесплатен и позволяет оптимизировать неограниченное количество изображений. Однако, существует премиум-версия плагина с множеством дополнительных функций.
Здесь мы рассмотрим бесплатную версию плагина.
EWWW Image Optimizer тест оптимизации изображения
EWWW Image Optimizer обеспечил сжатие изображения для JPG на 3,3% (от 484 КБ до 431,1 КБ) с использованием алгоритмов без потерь.
Для PNG он сжал файл 1,65 МБ до 1,02 МБ (37,9%) с использованием алгоритма без потерь pixel perfect.
Плюсы EWWW
EWWW Image Optimizer бесплатно позволяет оптимизировать потенциально неограниченное количество изображений. Кроме того, плагин может работать с файлами изображений размером до 150 МБ — это довольно много. В любом случае, вы вряд ли встретите файл PNG или JPG такого размера.
Помимо этого, EWWW Image Optimizer позволяет применять алгоритмы сжатия с потерями или без потерь, которые могут помочь вам уменьшить размер файла до 50% без видимой потери качества.
Минусы EWWW
В бесплатной версии EWWW Image Optimizer есть только функция сжатия изображений. Нет возможности изменения размера изображения, отложенной загрузки и так далее.
Ценообразование
Базовый плагин можно использовать бесплатно без каких-либо ограничений.
Однако, доступны тарифные планы прем, стоимость которых начинается с 0,002 доллара за изображение или от 5 до 15 долларов в месяц.
Вывод
EWWW Image Optimizer бесплатно предлагает одно из самых надежных способов сжатия изображений, не ограниченное какими-либо ограничениями. Если у вас ограниченный бюджет, и вам нужно работать с множеством изображений, то стоит попробовать этот плагин.
Однако, отсутствие каких-либо других параметров оптимизации изображения означает, что вам придется полагаться на другие инструменты, которые помогут с такими вещами, как изменение размера изображения, отложенная загрузка и т.д. Начни с Ewww
6. WP Compress
Плагин WP Compress WordPress для оптимизации изображений — это универсальное решение по оптимизации изображений. И, что самое главное, все полностью управляемо, вы можете запускать все на автопилоте.
Вы можете использовать его для оптимизации изображений вашего сайта, или добавить его и предоставить своим клиентам функции оптимизации изображений.
WP Compress тест оптимизации изображения
В нашем тесте оптимизации изображений мы обнаружили, что WP Compress позволяет оптимизировать изображение JPG с 484 КБ до 322,35 КБ (33,4%) с использованием сжатия без потерь.
Для PNG окончательный размер изображения после сжатия без потерь составляет 1,18 МБ вместо 1,65 МБ, что на 28,3% меньше.
Плюсы WP Compress
WP Compress предлагает гибридный CDN, объединяющий Google Cloud и BunnyCDN, чтобы очень быстро обрабатывать изображения.
Их процесс оптимизации изображений основан на трех отличительных особенностях.
Во-первых, изображения конвертируются в формат WebP следующего поколения. Затем, с помощью функции Adaptive Images он настраивает изображения для устройства посетителя и размера экрана. И, наконец, в качестве вишенки на торте, у нас есть доступ к функции отложенной загрузки изображений, которая еще больше повышает производительность веб-сайта.
Минусы WP Compress
На WP Compress особо не на что жаловаться. Это хорошо продуманный плагин WordPress для оптимизации изображений, в который включены все необходимые функции.
Ценообразование
Вы можете использовать WP Compress бесплатно, но оптимизируйте только до 100 МБ изображений в месяц. Этого достаточно для блогеров-любителей или людей, которые только начинают свой путь в интернете.
Однако, если вам нужно превысить лимит, то цена для оптимизации 1 ГБ изображений начинается с 5,95 долларов в месяц.
Вывод
В целом, WP Compress — надежный вариант для оптимизации изображений. Он поставляется со всеми необходимыми функциями.
Бесплатный тарифный план достаточно велик, позволяя оптимизировать изображения до 100 МБ в месяц. Начать работу с WP Compress
Другие плагины, о которых стоит упомянуть
Мы только что рассмотрели основных игроков на рынке плагинов для оптимизации изображений WordPress. Однако, если вы ищете немного большего разнообразия, то вот еще несколько плагинов, на которые стоит обратить внимание.
1. Compress JPEG & PNG Images
TinyJPG и TinyPNG — это пара самых популярных онлайн — сервисов сжатия изображений. У них есть плагин для WordPress, который позволяет оптимизировать изображения из вашего бэкенда WordPress.
Имея более 200 000 активных установок, плагин очень популярен в сообществе WordPress. Плагин поставляется с сопоставимыми функциональными возможностями, как и многие другие плагины из списка.
Он автоматически оптимизирует недавно загруженные изображения. Алгоритм сжатия может уменьшить около 40-60% для изображений JPEG и 50-80% для изображений PNG без какой-либо видимой потери качества.
Может автоматически изменять размер изображений до перенастроенной высоты и ширины. И самое главное, нет никаких ограничений по размеру файла, так что можно загружать изображения любого размера.
Бесплатная версия плагина позволяет оптимизировать около 100 изображений каждый месяц. Если вам нужно сжать что-то еще, нужно перейти на премиум-аккаунт. Начните работу с Tiny
2. WP Retina 2x
WP Retina 2x плагин для оптимизации изображений ориентированный на создание графических файлов, которые требуются устройствам с высоким разрешением DPI. Плагин предназначен не столько для уменьшения размера файла изображения, сколько для доставки наилучшего изображения на устройство посетителей.
Если вы ведете блог с большим количеством изображений, например, если вы тревал-блогер, то вам приходится размещать на сайте только высококачественные картинки.
С одной стороны, если у посетителей недорогие медленные устройства, то вы теряете эту аудиторию из-за скорости. С другой — посетителям на дисплее retina нужно доставить изображения высокого качества, иначе это испортит впечатление.
Плагин гарантирует, что пользователь получает изображения нужного качества, которые подойдет именно для его устройства.
Плагин является бесплатным. Но существует Pro-версия, которая дает доступ к дополнительным функциям, таким как ленивая загрузка и Retina для полноразмерных изображений. Начни работать с WP Retina 2x
3. Imsanity
Imsanity — еще один популярный бесплатный плагин WordPress для оптимизации изображений с более чем 300 000 активных установок.
По сути, это средство изменения размера изображения. Вы можете предварительно настроить максимальную ширину, высоту и качество изображения. Теперь, когда вы загружаете изображение на свой сайт, если оно превышает установленные параметры, плагин уменьшит его до ваших настроек.
Размеры изображений изменяются, как только вы их загружаете. Вы также получаете возможность массового изменения размера изображений, которые уже присутствуют в вашей медиатеке.
Вы можете использовать плагин для преобразования файлов BMP и PNG в JPG для лучшего сжатия и уменьшения размера файла.Начать работу с Imsanity
4. Optimus
Optimus — это простой и понятный плагин WordPress для оптимизации изображений.
Вы можете установить его на свой веб-сайт, и плагин начнет автоматически оптимизировать загруженные изображения. Также предусмотрены параметры массовой оптимизации, которые помогут оптимизировать все ранее загруженные изображения в вашей медиатеке.
Также доступны премиум-версии плагина, которые включают в себя множество дополнительных функций. Начать работу с Optimus
Преимущества оптимизации изображений
С оптимизацией изображений вы получаете те же высококачественные изображения, но со значительно уменьшенными размерами файлов. Эта, казалось бы, небольшая вещь может помочь в развитии вашего сайта.
Вот список некоторых ключевых преимуществ оптимизации изображений.
Более высокая скорость загрузки страницы
Изображения являются необходимой частью современного веб-сайта, но они часто очень тяжелы.
Если у вас много неоптимизированных изображений, сайт будет тяжелым, следовательно, снизится скорость загрузки и общая производительность сайта.
Лучший пользовательский опыт
Поскольку изображения сайта загружаются быстрее, посетители смогут увидеть больше.
Повышение коэффициента конверсии
Веб-сайты, которые загружаются дольше, особенно дольше 2 секунд, имеют повышенный показатель отказов и начинают терять потенциальных посетителей . Таким образом, за счет сокращения времени загрузки, оптимизация изображений может косвенно улучшить коэффициент конверсии сайта.
Улучшает SEO
При ранжировании сайта поисковые системы принимают во внимание множество различных факторов. Один из них — время загрузки.
Современные алгоритмы поисковых систем, включая Google, предпочитают веб-сайты, оптимизированные для более высокой производительности . Таким образом, оптимизация изображений косвенно поможет занять более высокое место на странице результатов поисковой системы.
Меньше потребляемого дискового пространства
Меньший размер файла означает меньшую нагрузку на хостинг-сервер с точки зрения места для хранения и пропускной способности.
Более быстрое резервное копирование
Резервное копирование будет выполняться намного быстрее, если изображения оптимизированы и занимают меньше места для хранения.
Какие бывают типы файлов изображений
Какой выбрать формат изображения, зависит от его дальнейшего использования.
Вот три самых популярных типа файлов изображений, ниже мы рассмотрим где и почему используются эти форматы.
PNG
Формат файлов изображений PNG обычно заканчивается на .png.
Этот тип файла идеально подходит, если вы хотите встраивать высококачественные изображения в интерактивные документы и веб-страницы.
Формат файла соответствует алгоритму сжатия без потерь. Иными словами, данные изображения не теряются, а скорее сжимаются для уменьшения размера файла. В результате PNG представляют собой изображения относительно более высокого качества.
JPEG
JPEG (Joint Photographic Experts Group) или JPG — один из наиболее распространенных форматов файлов изображений.
Обычно он работает с алгоритмом сжатия с потерями. Здесь данные изображения теряются или удаляются, что приводит к значительному уменьшению размера файла. Но, в то же время, это может привести к ухудшению качества изображения.
Вы можете использовать алгоритмы с потерями и без потерь для изображений JPEG. Формат файла дает возможность настроить качество изображения, чтобы достичь правильного баланса между качеством и размером файла.
Его рекомендуют для проектов, где качество изображения не слишком важно, и вы готовы пожертвовать несколькими пикселями в пользу легкости.
Гифка
GIF использует только 256 цветов и обычно меньше по размеру. Из-за ограниченного цветового пространства размеры файлов резко уменьшаются.
Это идеальный формат, если вы хотите встраивать анимированные изображения. Он идеально подходит для веб-проектов, поскольку быстро загружаются и показываются пользователям. Вы можете найти изображения в формате GIF на страницах Tumblr и даже в рекламных баннерах.
WebP
WebP — это относительно новый формат изображений, разработанный Google и специально предназначенный для использования на веб-сайтах.
Он использует оптимизированный алгоритм сжатия, который сочетает лучшее: сжатие без потерь и сжатие с потерями. Вы сможете получать файлы размером от 20% до 35% меньше, чем JPEG . Но качество изображения не изменится.
Google говорит, что они реализовали формат WebP для своих миниатюр YouTube, и это привело к увеличению скорости загрузки на 10%.
Однако, поскольку это более новый тип файла, его поддерживает только несколько браузеров: Chrome, Opera, Firefox и Microsoft Edge.
Заключение
Мы надеемся, что эта статья была полезной для вас и помогла найти идеальный плагин для оптимизации изображений, соответствующий вашему бюджету и требованиям.
Со своей стороны мы рекомендуем использовать ShortPixel или WP Compress. Оба плагина содержат все необходимые функции и возможности, которые помогут оптимизировать изображения вашего сайта.
Кроме того, их бесплатные планы имеют достаточно высокий лимит и достаточны для блогов и веб-сайтов, которые только начинают работать.
Для более объемных сайтов, вы всегда можете выбрать платные варианты, соответствующие вашим требованиям.
