Image watermark не работает

Image Watermark — Водяные знаки и настройка плагина на сайте

Здравствуйте, друзья! Недавно мы установили очень полезный плагин для борьбы со спамом Akismet Anti-Spam. А сегодня установим и настроим не менее полезный Image Watermark на сайт WordPress. Для чего он нужен?

На любом сайте присутствуют изображения. И очень бы не хотелось, чтобы наши картинки или скриншоты кто-то воровал и присваивал себе. Для этого существует возможность нанесения водяных знаков. И поможет нам в этом плагин Image Watermark.

Установка плагина Image Watermark

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

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

Жмём кнопку Установить. И следом Активировать.

Image Watermark — настройки плагина

Затем в панели управления сайтом переходим в раздел Настройки → Водяной знак. Открывшееся окно разделено на несколько частей. Пройдёмся по ним.

Основные настройки

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

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

Ручное наложение водяного знака — также отмечаем этот пункт.

И теперь, если мне вдруг понадобится убрать знак с какой-либо картинки, это можно легко сделать в библиотеке медиафайлов.

Для этого там открываем необходимое изображение и нажимаем кнопку Удалить водяной знак. Либо применить его вновь.

Включить водяной знак для — перечисленных размеров изображений. И также отмечаете тип записи: везде или определённый (пост или страница).

Наложение водяного знака на фронтэнде — настройка работает при установке определённого скрипта.

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

Расположение водяного знака

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

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

Единица смещения — на своё усмотрение отмечаете пиксели или проценты, если делали смещение.

Изображение водяного знака Image Watermark

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

Итак, выбираете изображение водяного знака, нажав на кнопку. Либо удаляете, если передумали.

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

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

Масштабирование водяного знака — данный пункт подходит мне, так как я отметила масштабируемый размер. Ползунком ставлю значение 9.

Это значит, что мой водяной знак будет составлять 9% от основного изображения. А выбрав значение 100% — можно полностью покрыть картинку в ширину.

Прозрачность водяного знака — значение в 40 меня вполне устраивает. И знак видно, и основная картинка просвечивается. В общем, выбираете от 0 до 100 и проверяете у себя.

Качество изображения — по умолчанию стоит значение 90. Пусть такое и остаётся. Выглядит всё вполне отлично.

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

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

Правый щелчок — отключает действие правой кнопкой мыши при нажатии на изображение. Отмечаете на своё усмотрение.

Тащи и бросай — также по желанию запрещаете метод drag and drop, при котором можно перетащить картинку на рабочий стол для сохранения, удержав курсор.

Авторизованные пользователи — активация защиты изображений для авторизованных пользователей.

Резервные копии изображений

Резервирование — опция для создания резервной копии картинок, на которые будет наложен водяной знак.

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

На этом завершим настройки плагина Image Watermark и нажмём кнопку Сохранить изменения. Как видите, функций предостаточно, но и настроить их несложно.

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

К вашему вниманию — очень интересный и мега-полезный плагин для установки кнопок расшаривания UpToLike Social Share Buttons. Попробуйте и не пожалеете! 😉

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

Источник

Плагин Easy Watermark не ставит водяной знак на изображениях шириной 768

С некоторого времени на сайте использовался плагин Easy Watermark для автоматической простановки водяного знака. Однако сегодня я обнаружил, что мое мобильное устройство с разрешением 1920х1680 отображает их без водяного знака. Такая же ситуция обнаружилась на мониторе с разрешением 1680х1050. Хотя на устройствах с разрешением 1280х720 и 1366х768 все было нормально.

По умолчанию в стандартных настройках WordPress предусмотрены следующие разрешения:

• Миниатюра (предпросмотр): 300х300 (с обрезкой);
• Средний размер: 300х300 (масштабирование);
• Крупный размер: ширина 700 (масштабирование);

Однако в реальности оказалось, что изображений больше. А именно — 5 шт. Сохраняется изначальный исходник изображения и создается изображение шириной 768. Это изображение создается используемой темой WordPress NewsMaker и используется для устройств с большим разрешением. В Интернете видел ситуацию с созданием темой разрешений широй 768.

В настройках Easy Watermark есть опция, в которой необходимо указать, на каких изображения необходимо ставить водяной знак.

Так и получается. На предпросмотре (Thumb) водяного знака нет. Однако его нет и на картинках с разрешением шириной 768. Поэтому Easy Watermark и не ставит на нем водяной знак, т.к. не знает, что он существует. Плагин довольно удобный, но обновления выходят медленно, отстают после выхода новой версии WordPress.

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

Для того, чтобы плагин Easy Watermark нормально работал, в настройках WordPress ширина крупного размера указана 768. Также «обнулен» неиспользуемый на сайте средний размер изображения.

При этом изображения шириной 300 создавались только для миниатюр. Если изображение превышало ширину 768, то создавалось отмасштабированное к данному размеру изображение. Это на данный момент нас устраивало. Водяной знак на момент написания статьи отображался нормально.

Источник

Нанесение вотермарков (водяных знаков) на изображения в WordPress

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

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

Watermark Reloaded

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

Страница настроек для плагина Watermark Reloaded выглядит следующим образом:

А вот как выглядит изображение с нанесенным на него ватермарком:

Watermark My Image

Плагин Watermark My Image позволяет размещать до двух текстовых вотермарков в нижней части изображения. Вы можете устанавливать текст для водяных знаков, задавать цвет, размер и тип шрифта, указывать расположение водяного знака (слева или справа).

Ниже представлен пример изображения с двумя добавленными ватермарками:

Страница с настройками для плагина выглядит следующим образом (для одного из водяных знаков):

Scissors and Watermark

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

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

Вот как выглядят настройки плагина:

А вот как выглядит изображение с водяным знаком (естественно, водяной знак можно сделать более привлекательным, нежели тот, что показан на рисунке):

Signature Watermark

Плагин Signature Watermark позволяет добавлять к изображениям как графические, так и текстовые водяные знаки (можно сразу и то, и другое).

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

Изображение с наложенным текстовым водяным знаком выглядит следующим образом:

Изображение с графическим вотермарком:

Изображение сразу с двумя водяными знаками:

Пример страницы настроек:

Transparent Image Watermark

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

Пример водяного знака:

Как выглядит страница настроек плагина:

А вам какой плагин больше всего импонирует? Интересно услышать ваши отзывы!

Источник

Как установить водяные знаки в WordPress

Водяные знаки в WordPress позволяют защитить изображения на сайте от копирования. Процесс представляет собой нанесение текста или логотипа в определённую часть защищаемой картинки. Сам ватермарк обычно показывает принадлежность изображения к сайту-источнику.

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

Водяные знаки в WordPress с плагином Image Watermark

Плагин для WordPress Image Watermark используется для наложения ватермарка на картинки. Плагин актуальный и удобный. Выделю такие его достоинства:

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

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

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

Основные настройки

Здесь собраны главные настройки плагина.

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

Позиция ватермарка

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

• Выравнивание ватермарка. Здесь нужно выбрать в какой части изображений ставить водяной знак. Если поставить его с краю, то он может быть удалён путём обрезания картинки, но не будет мешать комфортному просмотру изображений. Если поставить его в центре, то удалить знак нельзя будет, но, возможно, он будет мешать смотреть картинку. Например, у меня на сайте знак стоит в центре.
• Смещение ватермарка. Устанавливается смещение водяного знака по оси X и Y в пикселях.

Изображение-ватермарк

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

• Изображение-ватермарк. Здесь нужно загрузить картинку для водяного знака.
• Превью ватермарка. Здесь выбранная картинка будет показываться в предпросмотре.
• Размер ватермарка. Есть три варианта. Исходный – картинка будет наложена в таком размере, в котором она есть. Выборочный – можно самому настроить в пикселях размер картинки. Процентное соотношение – размер устанавливается в процентах относительно размера картинки. Последний вариант является самым практичным.
• Выборочный размер ватермарка. Если в опции «Размер ватермарка» выбран вариант «Выборочный», то здесь можно установить размер логотипа.
• Процентное соотношение ватермарка и загруженного изображения. Если в опции «Размер ватермарка» выбран вариант «Процентное соотношение», то само соотношение устанавливается здесь.
• Прозрачность ватермарка. Водяные знаки в WordPress лучше сделать несколько прозрачными, чтобы они сильно не бросались в глаза и не мешали просмотру изображений, однако, чтобы были, всё-таки, видны.
• Качество изображения. Выбирается качество картинки водяного знака.

Защита изображений

Этот набор настроек для дополнительной защиты картинок от копирования.

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

Резервная копия изображений

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

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

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

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

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

Источник