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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

Изображение

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

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

Текст

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

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

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

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

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

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

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

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

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

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

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

Результат

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

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

Здравствуйте, друзья! Сегодня мы поговорим с вами о том, как добавлять водяные знаки на фото (изображения) в 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 плагинов нанесения водяного знака для защиты изображения

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

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

Fast Watermark Plugin for WordPress

WordPress Watermark Processor – очень функциональный инструмент. Плагин watermark для WordPress разрешает легко устанавливать водяные знаки, изменяя степень прозрачности, вращение, размеры и др. Используя функцию «пакетной обработки», можно нанести на все изображения в каталоге водяные знаки одним кликом. Особенности WordPress Watermark Processor.

Поддержка NextGEN Gallery.
Возможность работы с избранными изображениями.
Кэширование.
Функция предварительного просмотра.
9 стандартных позиций для знаков.
Настройка прозрачности.
Настройка тени и цвета.
Настройка размера.
Наборы фильтров.
Пакетная обработка.

Pro Bulk Watermark Plugin for WordPress

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

Активация знака для определенных IP.
Предварительный просмотр.
Загрузка пользовательских логотипов.
Настройка прозрачности.
Ввод пользовательского текста.
Настройка шрифта.

QR Watermark for WordPress

Данный плагин водяного знака является платным инструментом (11$), но он работает по интересному принципу. QR Watermark способен добавлять QR-код на все изображения, поэтому при его сканировании посетитель непременно попадет на ваш сайт. Также, с помощью этого плагина можно добавлять оригинальную графику или текст поверх исходных изображений.

smWatermark WordPress Plugin

Большинство плагинов могут работать исключительно с наложением специального текста. С плагином smWatermark решается проблема загрузки изображений в формате PNG. Среди основного функционала данного инструмента следует отметить следующие особенности:

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

WooCommerce Product Image Watermark Plugin

Плагин WooCommerce Product Image Watermark позволяет наносить водяные знаки на изображения товарки в интернет-магазине. Легко позволит наложить текстовые или графические логотипы на изображения товаров, всплывающие окна с товарами, миниатюры каталогов и др. С помощью плагина водяных знаков WooCommerce можно:

Добавить текст или изображение в качестве водяного знака на изображения продукта.
Добавить водяной знак к определенным продуктам и категориям.
Применять одинаковые или разные водяные знаки для магазина и каталога.
Настроить разные водяные знаки для миниатюр продуктов и всплывающих изображений.
Установить цвет фона изображений товара
Выбрать положение водяных знаков из 9 возможных.
Совместим с WPML.

Image Watermark

Обладая большой библиотекой, крайне неудобно обрабатывать все свои изображения по одному. С плагином водяного знака Image Watermark можно очень быстро произвести данную операцию со всей медиатекой. Кроме того данный плагин обладает следующими функциями:

Резервное копирование.
Удаление водяных знаков.
Настройка расположения логотипа.
Предварительный просмотр.
Три варианта добавления водяного знака.
Настройка прозрачности.
Защита изображений от копирования.
Отключения правого щелчка мышки на авторском изображении.

Watermark

Данный плагин для нанесения водяного знака производит добавление логотипов или надписей через PHP-файлы и htaccess-файлы, исходники картинок при этом не изменяются. Отметим, что в случае деактивации этого инструмента водяные знаки автоматически убираются. Особенности Watermark:

Для работы нужна активация модуля Apache.
Требуется наличие библиотеки GD library.
Плагин нанесения водяного знака Watermark умеет работать исключительно с JPG-файлами.

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

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

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

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

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

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

Плагин WordPress Watermark RELOADED

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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