WordPress водяной знак – Как написать небольшой плагин для сжатия картинок и наложения водяного знака на лету (php GD) под WordPress?

Содержание

Как добавить водяной знак на изображения в WordPress

Здравствуйте, друзья! Сегодня мы поговорим с вами о том, как добавлять водяные знаки на фото (изображения) в WordPress. Перед тем как начать урок, сперва напомню зачем нужны водяные знаки на сайте.

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

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

Как поставить водяные знаки на картинки (фото) в WordPress

Добавлять водяные знаки на изображения мы будем с помощью плагина Easy Watermark.

1. Устанавливаем и активируем плагин Easy Watermark.

Как добавить водяной знак на изображения в WordPress

2. После установки и активации плагина переходим в Настройки -> Easy Watermark.

Как добавить водяной знак на изображения в WordPress

3. Настройки плагина разделены на 3 вкладкиОбщие, Изображение, Текст. Давайте поговорим более подробно о самых важных настройках каждой из этих вкладок.

Общие настройки

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

  • Поставьте галочку в «Backup». После включения этой функции, все оригиналы загруженных изображений
     (без водяных знаков) будут сохраняться в отдельной папке, и их при желании можно будет восстановить. Очень полезная штука.
  • В «Размеры изображений» рекомендую оставить только «Fullsize». Это значит, что водяные знаки будут отображаться только на оригинале изображения (полном размере), а не на миниатюрах и т.п. Таким образом водяные знаки не будут постоянно маячить перед глазами, а большой размер изображения будет защищен.

Как добавить водяной знак на изображения в WordPress

Изображение

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

Как добавить водяной знак на изображения в WordPress

Важно! Если Вы решили использовать изображения для водяного знака, укажите в общих настройках «Тип водяного знака» -> «Изображение».

Как добавить водяной знак на изображения в WordPress

Текст

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

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

шрифт, цвет и размер текста. Также можно изменить наклон текста и его прозрачность.

Как добавить водяной знак на изображения в WordPress

Как видите, сложного в создании водяных знаков совершенно ничего нету. Плагин прост в использовании и интуитивно понятен.

Как добавить водяной знак на изображения в WooCommerce

Данный плагин также отлично работает с интернет магазином WooCommerce. Включить водяные знаки в магазине очень просто! Для этого на вкладке «Общие», в блоке настроек «Типы записей» отметьте галочкой «Товары».

Как добавить водяной знак на изображения в WooCommerce

Важно! Плагин WooCommerce должен быть активированный, в противном случае такой пункт в настройках просто не появится.

Восстановление и массовое нанесение водяных знаков

Восстановить оригинальные изображения (если включено их сохранение в настройках) как и массово нанести водяные знаки на все ранее загруженные изображения можно перейдя в Медиафайлы -> Easy Watermark.

«Start» — нанести водяных знаки на все изображения.

«Restore» — восстановить оригинальные изображения, на которых не будет водяного знака.

Как добавить водяной знак на изображения в WooCommerce

Результат

Вот такой текстовый водяной знак получился из примера этого урока.

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

Как всегда хочу напомнить, если у Вас возникают вопросы или трудности — смело пишите в комментариях.

Здравствуйте, друзья! Сегодня мы поговорим с вами о том, как добавлять водяные знаки на фото (изображения) в WordPress. Перед тем как начать урок, сперва напомню зачем нужны водяные знаки на сайте. Во первых, водяные знаки — одна из самых популярных технологий защиты авторских прав на мультимедийный файлах. Во вторых, применение водяных знаков отлично подходит для защиты изображений от копирования и дальнейшего их несанкционированного использования. Думаю Вы согласитесь, что мало кто захочет выставлять у себя на сайте изображения с чужим логотипом или ссылкой на другой сайт 🙂 Как поставить водяные знаки на картинки (фото) в WordPress Добавлять водяные знаки на изображения мы будем с помощью…

Оценка урока

Рейтинг: 4.29 ( 19 голосов )
100

Лучшие плагины для вставки водяных знаков в WordPress

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

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

Image Watermark

[wp-pic type=»plugin» slug=»image-watermark» layout=»large» ]

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

Особенности плагина:
  • Выбор положение для водяного знака.
  • Загрузка пользовательских водяных знаков.
  • Предварительный просмотр водяного знака.
  • Возможность установки отражённого водяного знака.
  • Выбор типов записей, в которых водяной знак будет связан с изображением, или выбор добавляемых водяных знаков во время загрузки изображений.
  • Выбор из 3 вариантов размера водяного знака – оригинальный, пользовательский или заданный.
  • Выбор прозрачность/непрозрачность для водяного знака.
  • Защита изображений от копирования перетаскиванием.
  • Отключение правой кнопки мыши на изображениях.
  • Отключение защиты изображений для зарегистрированных пользователей.
  • Файл .pot для перевода плагина.

 

Easy Watermark

[wp-pic type=»plugin» slug=»easy-watermark» layout=»large» ]

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

Особенности плагина:
  • Водяной знак может иметь формат jpg, png или gif.
  • Полная поддержка прозрачности и Альфа-канала в файлах png и gif.
  • Для файлов jpg, gif и текста можно задавать непрозрачность (от 0 до 100%).
  • Текстовый водяной знак создаётся с использованием ttf-шрифтов.
  • Для текстовых водяных знаков можно задавать цвет, размер и угол поворота.
  • Для всех изображений с водяными знаками могут быть заданы размеры (миниатюра, средний, большой и полный), а также и все дополнительные размеры, отмеченные в темах или плагинах (после 0.4.3).

 

Signature Watermark

[wp-pic type=»plugin» slug=»signature-watermark» layout=»large» ]

Этот плагин позволяет автоматически вставлять водяные знаки во все изображения, загруженные в медиа-библиотеку WordPress. Плагин использует водяные знаки в формате png с прозрачностью для точной установки. Этот плагин также поддерживает текстовые водяные знаки с простым текстом, позволяя регулировать цвет, размер и прозрачность.

Особенности плагина:
  • Плагин можно настроить для использования водяных знаков «текст и изображение», «только текст» или «только изображение».
  • Дружественный интерфейс настроек позволяет контролировать установку водяного знака.
  • Функция предварительного просмотра водяного знака облегчает настройку плагина.
  • Размер водяного знака задаётся как процент от целевого изображения, 50% означает, что размер водяного знака будет иметь половину ширины целевого изображения.

 

Если вам есть чем поделиться, пожалуйста, оставьте ваш комментарий в поле внизу.

7 WordPress плагинов нанесения водяного знака для защиты изображения

Wordpress плагины: 7 WordPress плагинов нанесения водяного знака для защиты изображения
Борьба с присвоением авторских фото или художественных изображений – утомительное и не всегда эффективное занятие. Наличие на картинках своего логотипа значительно усложняет их использование на сторонних ресурсах. Также отметим, что логотип может являться дополнительной рекламой сайта. Сейчас не нужно вручную накладывать изображения в графических редакторах. Простейший способ – установка плагина для нанесения водяного знака.

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

Fast Watermark Plugin for WordPress
WordPress Watermark Processor – очень функциональный инструмент. Плагин watermark для WordPress разрешает легко устанавливать водяные знаки, изменяя степень прозрачности, вращение, размеры и др. Используя функцию «пакетной обработки», можно нанести на все изображения в каталоге водяные знаки одним кликом. Особенности WordPress Watermark Processor.
  1. Поддержка NextGEN Gallery.
  2. Возможность работы с избранными изображениями.
  3. Кэширование.
  4. Функция предварительного просмотра.
  5. 9 стандартных позиций для знаков.
  6. Настройка прозрачности.
  7. Настройка тени и цвета.
  8. Настройка размера.
  9. Наборы фильтров.
  10. Пакетная обработка.
Wordpress плагины: 7 WordPress плагинов нанесения водяного знака для защиты изображения
Pro Bulk Watermark Plugin for WordPress
При нанесении водяных знаков плагин не вносит никаких изменений в исходник изображение. В качестве логотипов можно использовать свою оригинальную картинку или текст. Перечислим следующие главные особенности Pro Bulk Watermark:
  1. Активация знака для определенных IP.
  2. Предварительный просмотр.
  3. Загрузка пользовательских логотипов.
  4. Настройка прозрачности.
  5. Ввод пользовательского текста.
  6. Настройка шрифта.
Wordpress плагины: 7 WordPress плагинов нанесения водяного знака для защиты изображения
QR Watermark for WordPress
Данный плагин водяного знака является платным инструментом (11$), но он работает по интересному принципу. QR Watermark способен добавлять QR-код на все изображения, поэтому при его сканировании посетитель непременно попадет на ваш сайт. Также, с помощью этого плагина можно добавлять оригинальную графику или текст поверх исходных изображений.
Wordpress плагины: 7 WordPress плагинов нанесения водяного знака для защиты изображения
smWatermark WordPress Plugin
Большинство плагинов могут работать исключительно с наложением специального текста. С плагином smWatermark решается проблема загрузки изображений в формате PNG. Среди основного функционала данного инструмента следует отметить следующие особенности:
  1. Установка позиции водяного знака на снимке.
  2. Настройка качества знака.
  3. Установка минимальной ширины рисунка.
  4. Предварительный просмотр изображений.
Wordpress плагины: 7 WordPress плагинов нанесения водяного знака для защиты изображения
WooCommerce Product Image Watermark Plugin
Плагин WooCommerce Product Image Watermark позволяет наносить водяные знаки на изображения товарки в интернет-магазине. Легко позволит наложить текстовые или графические логотипы на изображения товаров, всплывающие окна с товарами, миниатюры каталогов и др. С помощью плагина водяных знаков WooCommerce можно:
  1. Добавить текст или изображение в качестве водяного знака на изображения продукта.
  2. Добавить водяной знак к определенным продуктам и категориям.
  3. Применять одинаковые или разные водяные знаки для магазина и каталога.
  4. Настроить разные водяные знаки для миниатюр продуктов и всплывающих изображений.
  5. Установить цвет фона изображений товара
  6. Выбрать положение водяных знаков из 9 возможных.
  7. Совместим с WPML.
Wordpress плагины: 7 WordPress плагинов нанесения водяного знака для защиты изображения
Image Watermark
Обладая большой библиотекой, крайне неудобно обрабатывать все свои изображения по одному. С плагином водяного знака Image Watermark можно очень быстро произвести данную операцию со всей медиатекой. Кроме того данный плагин обладает следующими функциями:
  1. Резервное копирование.
  2. Удаление водяных знаков.
  3. Настройка расположения логотипа.
  4. Предварительный просмотр.
  5. Три варианта добавления водяного знака.
  6. Настройка прозрачности.
  7. Защита изображений от копирования.
  8. Отключения правого щелчка мышки на авторском изображении.
Wordpress плагины: 7 WordPress плагинов нанесения водяного знака для защиты изображения
Watermark
Данный плагин для нанесения водяного знака производит добавление логотипов или надписей через PHP-файлы и htaccess-файлы, исходники картинок при этом не изменяются. Отметим, что в случае деактивации этого инструмента водяные знаки автоматически убираются. Особенности Watermark:
  1. Для работы нужна активация модуля Apache.
  2. Требуется наличие библиотеки GD library.
  3. Плагин нанесения водяного знака Watermark умеет работать исключительно с JPG-файлами.
Wordpress плагины: 7 WordPress плагинов нанесения водяного знака для защиты изображения

Водяной знак в WordPress с помощью плагина Watermark Reloaded

Привет! Повезло тем счастливчикам, у которых получается размещать уникальные картинки на своем сайте. У меня это скриншоты, поэтому мне их добывать ну очень просто. Кто-то любит фотографировать, кто-то рисовать. И такие люди, я уверен, хотели бы хоть как-то “защитить” свои картинки/фотографии/рисунки от копирования. Для подобных целей придуман так называемый водяной знак.

Водяной знак (иногда еще называют “ватермарк”) – это логотип (картинка или текст), который наносится на изображение с целью сохранения авторских прав, избежания копирования ваших изображений на другие сайты. На моем блоге водяной знак вы можете увидеть в каждой картинке в правом нижнем углу:

Водяной знакВодяной знак

Конечно, подобное легко “вырезать” в том же самом Фотошопе, но, многие не станут заморачиваться подобным. Я видел даже, как некоторые вебмастера, якобы пишут уникальные статьи, но картинки (скриншоты) мои. Что ж, лишний пиар для меня. Подобный “водяной знак” можно поставить хоть по центру изображения, тогда вырезать его будет намного сложнее и проблематичнее.

Конечно, вставлять “водяные знаки” можно и в ручном режиме, открывая редактор изображений и на каждую фотографию добавлять логотип. Но это садомазохизм. Нужно искать такой способ, с помощью которого вставлять “ватермарки” можно автоматически.

Если вы пишите статьи с помощью программы Windows Live Writer, то подобное можно сделать непосредственно в самой программе, что я и делал раньше. Но в связи с недавними событиями (напомню, я перешел на Macbook), мне пришлось отказаться от сторонних программ и наслаждаться написанием статей в стандартном редакторе WordPress. Поэтому, мне пришлось узнать, как же вставлять водяные знаки в WordPress в автоматическом режиме

Плагин WordPress Watermark RELOADED

Существует великолепный плагин Watermark RELOADED, который добавляет “водяные знаки” на изображения автоматически.  Пользоваться им довольно просто.

  1. Сначала нужно скачать Watermark Reloaded.
  2. Активируем его и переходим в настройки. Первое, что мы видим, это выбор того, где отображать “ватермарки”: Watermark ReloadedWatermark Reloaded Ставим галочку, где необходимо: Thumbnail – “водяные знаки” в миниатюрах. Medium – в картинках среднего размера. Large – в “больших”. Fullsize – в изображениях, которые открыты на весь экран. Если что, речь идет про это (настройка картинки): Водяной знак в WordPressВодяной знак в WordPress
  3. Следующее, что мы видим: Позиция "ватермарка"Позиция "ватермарка" Как вы догадались, это расположение “водяного знака”. Я выбрал в правом нижнем углу, если вы размещаете качественные фотографии (свои) или еще что-нибудь крайне ценное, я рекомендую выводить вашу “отметку” по центру.
  4. Следующее: Отступы "ватермарка"Отступы "ватермарка" Это отступы по горизонтали и вертикали. У меня стоит 5 пикселей там и там, чтобы не было “приклеено” и смотрелось симпатично.
  5. Следующее – это непосредственно сама настройка водяного знака: Настройки "водяного знака"Настройки "водяного знака" Пишите текст (в моем случае – это просто URL сайта), выбираете шрифт, указываете размер и цвет текста.
  6. Как будет выглядеть “водяной знак”, вы можете увидеть в разделе Preview: Предосмотр водяного знакаПредосмотр водяного знака

Минусы плагина Watermark RELOADED

  • Нельзя вставить изображение в виде “водяного знака”. Жаль, а некоторые хотят вставить именно свое лого. Приходится довольствоваться простеньким текстом.
  • Нет возможности проставить “ватермарки” на уже размещенных картинках. Но это минус не только этого плагина, это невозможно в принципе, как я думаю. То есть, “водяные знаки” будут появляться только на новых картинках.
  • Нет возможности отключения вывода “ватермарка” на миниатюрах записи. В моем случае, это картинки в начале постов. Я, к примеру, не хотел выводить там “водяной знак”, но он все равно автоматически выводится: Плагин для вывода водяного знака в WordPressПлагин для вывода водяного знака в WordPress

В остальном очень простой плагин без лишних настроек. Все четко и понятно, а главное работает. А как вы добавляете “водяные знаки” на свои сайты?

Подпишитесь на бесплатные уроки

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

Watermark RELOADED – плагин WordPress, наложить водяной знак на изображения

Представьте себе ситуацию – вы выкладываете у себя на сайте свои авторские фотографии или какие-либо картинки, на которые потратили много времени и труда. И через некоторое время эти фото и картинки размещают на своих сайтах другие web-мастера, выдавая их за свои. Правда, обидно?

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

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

Конечно, можно, например, в фотошопе, избавиться от водяного знака. Но над этим придется поработать и полученное изображение, в любом случае, будет уступать по качеству оригиналу.

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

Также процесс наложения водяного знака на фото можно автоматизировать. Избавить себя от дополнительной работы нам поможет плагин WordPress — Watermark RELOADED. Это расширение умеет вставлять водяной знак в любое место загружаемого изображения, любого размера, цвета и разнообразных шрифтов.

Установка и настройка плагина Watermark RELOADED

Скачать последнюю версию плагина Watermark RELOADED можно с его страницы:  http://wordpress.org/extend/plugins/watermark-reloaded/.

Установите и активируйте расширение.

Для настройки плагина перейдите ПараметрыWatermark RELOADED в панели администратора.

Водяной знак Watermark RELOADED

Отметьте изображения, на которые будет накладываться водяной знак. Thumbnail – миниатюра, Medium – средний, Large – большой, Fullsize – полный размер.

Водяной знак Watermark RELOADED

Здесь нужно выбрать место расположения водяного знака на картинке и выставить отступ его от границы изображения по осям x и y.

Водяной знак Watermark RELOADED

В последнем блоке настроек пропишите текст вашего водяного знака, выберите шрифт, размер текста. После выбора цвета, скопируйте его код и вставьте в окно Text color.

Замечательная функция для определения кода цветовых оттенков. Может много где пригодиться.

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

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

Установка водяного знака на изображения в WordPress

Зачем нужны водяные знаки на сайте?

Установка водяного знака на изображения в WordPress нужна для защиты оных от копирования. Ведь если на каждой картинке будет какой-то значок — скачать его без этого значка не удастся, а значит и «украсть себе» не выйдет.

Как установить водяной знак на изображения в WordPress

Собственно, добавлять водяные знаки мы будем при помощи специального плагина — Easy Watermark. Из названия, думаю, понятно, что данная процедура несложная 🙂 Поехали!

  1. Сперва устанавливаем и активируем наш плагин Easy Watermark.
    Установка плагина Easy Watermark
  2. После установки и активации данного плагина — переходим: Настройки >> Easy Watermark.
  3. Собственно, настройки плагины поделены на три вкладки, в каждой из которых — нужная для нас информация по грамотной установке. Разберем подробнее все вкладки.

Общие настройки

На данной вкладке находятся общие и главные настройки плагина. Рекомендую Вам поставить галочки «Backup» и в размерах изображений выставить «Fullsize».

Настройки плагина Easy Watermark

Изображение

Здесь можно «закачать» водяной знак из изображения. Нажимайте кнопку Выбрать\загрузить изображение — и в путь!

Добавление изображения на водяной знак

Если Вы указали свое изображение здесь, вернитесь в предыдущую вкладку, и в настройке Тип водяного знака укажите Изображение.

Текст

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

Настройки текста в Easy Watermark

Cобственно, на этом настройка закончена. Плагин очень прост и понятен.

Восстановление изображений

Если вам нужно восстановить изначальные изображения (а вы же нажимали кнопочку Backup?), Вам нужно перейти в раздел Медиафайлы >> Easy Watermark. Там, нажав на Restore, можно снять все водяные знаки с изображений сайта.

 

 

Надеюсь, данная информация была Вам полезна, ибо я старался 🙂 Если это так — оцените запись!

 

До скорых встреч, друзья!

Метки: плагин, изображения, водяной знак, WordPress

После удаления Плагина Image Watermark остались водяные знаки

Модератор Yui

(@fierevere)

ゆい

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

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

а поможет бекап до удаления плагина?

Модератор Yui

(@fierevere)

ゆい

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

Впрочем, если у вас в настройках плагина не была включена установка водяного знака для полноразмерного изображения
Включить водяной знак дляfull
, то восстановить можно будет просто перегенерировав остальные размеры, например плагином https://wordpress.org/plugins/regenerate-thumbnails/

http://joxi.ru/zAN9P1ZFB6OyO2 у настройках была галочка создние водяного знака для полноразмерного изображения

http://joxi.ru/a2X9B0yF1DL7kA — regenerate thummbnail есть у меня и как правильно делать?

Модератор SeVlad

(@sevlad)

wp.me/3YHjQ

а поможет бекап до удаления плагина

Кто знает что Вы запекапили. Вот что мешает просто взять и посмотреть СВОИ картинки из бекапа?

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

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