Изображения в wordpress: добавление, сжатие, бесплатные плагины

untitled 2 (1) Плагины

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

Для чего может понадобится оптимизация и сжатие изображений в wordpress

Изображения весят сильно больше, чем обычный текст, а значит, что и загружаются они тоже сильно дольше. Но я думаю, что вы слышали поговорку: «Покажи, а не рассказывай». Иногда одна картинка может стоить 1000 слов и к тому же с помощью графики мы разбиваем текст на блоки, что позволяет читателю быстрее и проще скользить по тексту, не превращая его в простыню. Чтобы сжать изображения — можно пользоваться тем же фотошопом, но это путь не близкий и, прямо скажем, тупо ставить профессиональную программу для того, чтобы просто пережимать изображения.

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

Сервис, который поможет сжимать картинки tiny png

Это самый простой сервис, который поможет вам сделать вес вашей картинки меньше в разы. Переходите на страницу сервиса и нажимайте на область, обведённую пунктиром:

tiny png сервис

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

tiny png сервис

Как мы видим из картинки ниже — мы сумели избавиться от 70% лишнего веса в нашем изображении. Теперь вы можете скачать его либо одним файлом, либо в архиве(если вы заливали сразу несколько изображений). После чего можете вставлять его на свой сайт.

Плагины для сжатия изображений

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

resmush.it

resmush.it

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

EWWW Image Optimizer

EWWW Image Optimizer

Это отличный вариант для сжатия изображений в формате png, а также в формате jpg. Он может автоматом оптимизировать изображения, которые вы грузите на свой сайт. Также как и предыдущий он может работать с уже ранее загруженными изображениями. Отличие от предыдущего плагина состоит в том, что этот работает только на вашем сайте и не требует интеграции с API.

Compress JPEG & PNG images

Compress JPEG & PNG images

Этот плагин создан как раз теми самыми разработчиками, чей сервис я упоминал в начале этой статьи. Тут есть одно но. В бесплатной версии этого плагина вы можете загружать до 100 изображений ежемесячно(чего в принципе может хватить)и для работы с ним вам понадобится создать учётную запись на их сервисе.

ShortPixel Image Optimizer

shortpixel

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

WP Smush

WP Smush

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

Сравнительные тесты плагинов

Я решил провести несколько тестов этих плагинов и выявить самый лучший из них. Для начала я решил протестировать сжатие формата jpeg

Тесты сжатия jpeg формата

Я взял вот такую картинку и она весила 118kb.

Сжатие wordpress изображений формат jpeg

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

Плагин Размер после сжатия Сэкономили места Метод
reSmush.it 75 kb 30.60% Lossless
EWWW Image Optimizer 111 kb 5% Lossless
Compress JPEG & PNG images 114.6 kb 2.9% Lossy
ShortPixel Image Optimizer 69.2% 41.94% Lossy
WP Smush 112 kb 5% Lossless

Тесты сжатия png изображений

Также я провёл несколько тестов на png формате и изначально картинка весила 102 kb.

Сжатие wordpress изображений формат png

Результаты в таблице ниже:

Плагин Размер после сжатия Сэкономили места Метод
reSmush.it 35 kb 64% Lossless
EWWW Image Optimizer 97.6 kb 1.9% Lossless
Compress JPEG & PNG images 34.2 kb 65% Lossy
ShortPixel Image Optimizer 37% 63.6% Lossy
WP Smush 99 kb 2.9% Lossless

Если вам не нужны какие-то супер сложные настройки для ваших изображений, то самое лучшее, что можно выбрать из вышеперечисленных — resmush.it. Он даёт лучшие результаты с точки зрения производительности, а также помогает существенно изменить размер файл в меньшую сторону.

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

Рейтинг
Добавить комментарий