15.11.2019   ·   WordPress   ·   Пока нет комментариев

Водяные знаки в WordPress

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

Водяные знаки на изображениях

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

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

Лично я собираюсь на картинки (а это, в основном, скриншоты) своего блога накладывать URL.

Заинтересовавшись этой темой, я выделил три способа добавить водяные знаки к картинкам в своем блоге. Итак…

Доработка WordPress

Наложение водяных знаков с помощью специальной программы

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

TSR Soft Watermark Image

TSR Soft Watermark Image, например, программа бесплатная для домашнего использования. Или многофункциональный просмотрщик Fast Stone Image Viewer, который способен выручить и во многих других ситуациях. Уж не говорю про мощные графические редакторы типа Photoshop.

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

А что делать с теми изображениями, которые уже закачаны в блог и нуждаются в наложении водяного знака? Добываем их оттуда (доступ к блогу с помощью FTP), прогоняем через программу наложения водяных знаков и загружаем обратно.

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

Наложение водяных знаков плагином при загрузке изображения в блог

Сила WordPress в многочисленности и многообразии плагинов. Разумеется существуют и такие плагины, которые автоматизируют процесс добавления водяных знаков при загрузке изображения в блог.

Scissors Continued

Я попробовал несколько, но остановился на плагине Scissors Continued.

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

Scissors continued кроме наложения водяных знаков умеет обрезать и масштабировать картинки при вставке.

После установки и активации, находим плагин в списке установленных и щелкаем ссылку «Параметры» под ним.

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

Параметры плагина Scissors Continued, отвечающие за добавление водяных знаков

Вы, кстати, уже знаете, какой водяной знак собираетесь накладывать? Самое время задуматься об этом. Воспользуйтесь любым знакомым вам графическим редактором (хоть Paint), чтобы создать картинку. Помните, что прозрачность поддерживается форматами gif и png. Когда ваш водяной знак будет готов, щелкайте «Select Image» в настройках Scissors Continued, загружайте, как обычно, файл водяного знака и не забудьте нажать «Вставить» в диалоге загрузки.

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

Настройка «Limit the watermark to … percent of the destination image area» поможет, если вы хотите ограничить водяной знак сколькими-то процентами площади изображения. Чтобы в случае маленького изображения знак не накрыл его целиком.

Еще ниже находится группа настроек, отвечающих за расположение водяного знака по вертикали и горизонтали.

Не забудьте нажать «Сохранить изменения» и попробуйте вставить изображение в какую-нибудь запись. Привычный диалог вставки выглядит несколько иначе:

С поворотом, обрезкой и изменением размеров изображения разобраться не трудно. А вот щелкнув на кнопку Watermarks, обратите внимание на галочки:

Выбираем размер картинки, куда добавляется водяной знак

Если вы добавите водяной знак во все размеры изображения, это может быть не слишком красиво. Посмотрите, как много места знак занимает на миниатюре выше. А вот на самом первом скриншоте знак добавлен только в большое (large) изображение, поэтому в миниатюре его нет, а при раскрытии на весь экран он присутствует. Выбрав помечаемые знаком размеры, не забудьте нажать «Apply».

Вообще, при загрузке Scissors Continued создает четыре версии одного и того же изображения, но разных размеров: миниатюра, средний размер, крупный, оригинал. Именно им соответствуют галочки для наложения водных знаков. Размеры этих четырех версий в пикселях можно изменить в параметрах плагина.

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

Динамическое добавление водяных знаков при запросе изображения

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

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

DynPicWatermark

В этом разделе я планировал рассказать о плагине DynPicWatermark, с которым имел дело когда-то, но с неприятным изумлением обнаружил, что в версии WordPress 3. 2. 1 он, оказывается, не работает. Возможно, дело не в версии, а в чем-то еще, но факт остается фактом. Плагин делает из размещенных в записи картинок неприглядные полоски. Попробовав подыскать замену DynPicWatermark и установив три-четыре аналога, я не обнаружил простого и работоспособного плагина, который добавлял бы водяной знак «на лету», не изменяя исходное изображение. Если кто-то может подсказать такой, буду рад.

Конечно, этой функциональностью обладают мощные плагины типа NextGen gallery, но таким штуковинам стоит посвящать отдельную статью. Так же добавление водяного знака «на лету» можно реализовать вручную, написав код на PHP, но это тоже никак не вмещается в размеры одной записи блога.

NextGen gallery

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

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

Предыдущая запись Защита WordPress от спама
Следующая запись Кулинарный сайт

Ваш комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Свежие комментарии