Плагины для оптимизации картинок и добавления водяных знаков на блоге wordpress

Опубликовано: 24.08.2018

Давно хотел написать на тему оптимизации изображений при загрузке. После того как отлично работавший WP Smush.it перестал сжимать картинки при загрузке на блог WordPress (я так понял проблемы с сервисом, предоставлявшим API для этого), остро встал вопрос найти ему достойную замену. Оказалось это не так и просто. Ранее использовал способ для добавления водяных знаков без плагинов , но при переезде на новый хостинг он перестал работать. Пришлось обратиться к плагинам. Их оказалось много, но мне надо было одновременно с оптимизацией накладывать водяные знаки на картинки. А вот это, да ещё в автоматическом режиме оказалось почти невыполнимо. Многие плагины оказались так сказать "хостингозависимы", т.е. не везде работают. Иногда установка отдельно плагинов оптимизации и добавления водяного знака приводили к конфликтам. Поэтому рассмотрю и те, и другие с моими рекомендациями.

к содержанию ↑

Сжатие без плагина

Как оказалось сжимать картинки при загрузке можно встроенными средствами Wordpress, ну а потом уже добавлять водяные знаки на своё усмотрение. Применяется только к jpeg. Делается это просто вставкой следующего кода в function.php:

add_filter('jpeg_quality', create_function('', 'return 70;'));

Значение 70 как раз и означает степень сжатия. Но! Данный способ приведёт к сжатию всех вариантов вашего файла - миниатюры 150х150, среднего размера 500х600, а вот оригинал (ну например) 700х1000, так и останется не сжатым.

к содержанию ↑

Easy Watermark and Images Optimize

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

Можно отдельно добавлять или на полное изображение, или на миниатюру. Видно сразу на сколько процентов произойдёт сжатие изображения. На скриншоте выше, например, если кликнуть то Вы увидите изображение с водяным знаком. Правда только текст и только под наклоном в левом нижнем углу. Настройки цвета текта и самого текста в меню Инструменты - imageoptimazer. К сожалению чтобы водяной знак отображался в другом месте, нужно "ковырять" файлы плагина. Но в общем довольно практичное решение. Если Вас всё это устраивает, то устанавливайте, а мы продолжим далее, так как меня не устроило главное - ручной метод оптимизации и добавления.

Забавно что для изображений меньше 100 кб сжатия не происходит, наоборот файл увеличивается, например если исходный был 51 кб, то после "сжатия" стал 65 кб. На изображении размером (далее буду сравнивать на его примере) 980х885 290 кб сработало нормально - уменьшило на 10%(235 кб). Легко добавляется водяной знак.

к содержанию ↑

Watermark WP Image Protect

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

DX-Watermark

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

Нужно просто выставить параметр Jpeg quality. Я выставлял даже 50, при этом заметного ухудшения качества не заметил, а объём изображения уменьшился довольно сильно. Кроме того работает предпросмотр изменений. Это безусловный лидер нашего обзора, а потому рекомендую именно его.

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

к содержанию ↑

Optimus

Данный плагин разработал то ли датчанин, то ли немец и он не то что не руссифицирован. На него нет даже описания на английском. Но не торопитесь проходить мимо. Он обладает довольно важным свойством - полная автоматизация. Степень сжатия оказалась чуть ниже чем у Easy Watermark and Images Optimize - 263 кб на том же файле, но разницы при загрузке веб-страницы не заметил.

EWWW Image Optimizer

Плагин только для оптимизации, но очень достойный. Сжимает также, как рассмотренные выше. В настройках уйма всего - и конвертация gif, png в jpg, и облачная оптимизация (кстати не разобрался что к чему и как это работает). Ничего в настройках не трогал. Всё и так работает. Самое главное - может оптимизировать изображения, загруженные ранее. И! Ура! Ура! Ура! Он позволяет одновременно работать с плагинами вставки водяного знака. А именно с Simple Image watermark. Возможно и с другими работать будет. Основной ньюанс - нужно накладывать не текст, а заранее изготовленную PNG картинку. Вот пример скриншота админки Simple Image watermark который в полностью автоматическом режиме был оптимизирован и добавлен водяной знак.

к содержанию ↑

CW Image Optimizer

Данный плагин тоже только для оптимизации. Но! После загрузки сразу потребовал загрузки дополнительных утилит для оптимизации. В предыдущем EWWW Image Optimizer всё шло "в комплекте". Поэтому даже не стал тестировать. Зачем лишняя головная боль с этими дополнениями?

kraken.io

Обещал описывать плагины, но не мог пройти мимо этого замечательного сервиса. Естественно подходит в случаях когда нужно заранее оптимизировать много файлов перед загрузкой. Отлично сжимает. Файлы можно добавлять "пачками". Позволяет выбрать режимы lossless и lossy.В первом случае это 262 кб, во втором 128 кб. На веб-странице при загрузке разницы опять же не заметно. Но при скоростях 5-10 Мбит/с это и не удивительно. Ах да и естественно никаких водяных знаков - только оптимизация картинок.

А вот и обещанный шаблон для водяных знаков.