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


Добавление водяных знаков на изображения или копирайт на фото при помощи PHP

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

Что такое водяной знак? Это знак, наносимый поверх картинки. Таким знаком может быть всё, что угодно – обычная текстовая фраза или свой логотип. Часто на изображения на своем сайте наносят адрес этого сайта или какого-либо имя.

Как добавить водяной знак на изображение? Способов есть несколько, например, можно использовать графические редакторы, специальные программы и т.д. Но для изображений на сайте проще всего использоваться скрипт на PHP для автоматического добавления копирайта на изображения.

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

Готовый скрипт для добавления копирайта на картинки:

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

Например, можно сделать:

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

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

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

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

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

Помочь в защите Ваших авторских прав призван данный скрипт, написанный на PHP.

Создадим, вначале, файл содержащий необходимые настройки в виде констант – /config.php:

Далее создадим файл с функциями, осуществляющими загрузку оригинального изображение и создание его копии с водяным знаком на борту – /functions.php.

Соберем созданные выше файлы в исполняющем загрузку файле /upload.php

Для примера если загружаемое изображение было:

то после загрузки и наложения водяного знака, получиться следующее изображение:

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

Пример, Вы можете скачать по ссылке:

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

PHP: Наложение водяного знака

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

Рассмотрим пример кода, который демонстрирует наложение водного знака, на загружаемые картинки.

Итак, основные настройки содержаться в виде констант, и идут в коде первыми:

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

Ну а теперь самое основное, это функции для обработки изображения. Разместить эти функции следует перед показом формы на странице.

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

А вот и архив с исходником примера. На этом пока всё, успехов!

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

Иногда требуется на некоторые изображения нанести логотип сайта (или ещё что то). Иногда на все изображения сайта. Каждую картинку редактировать очень долго (особенно если сайт большой, или изображения на сайт загружают разные пользователи). Да и не все компоненты могут добавлять Watermark.

В данном случае мне помог небольшой скрипт написанный на PHP.

Всё что требуется это загрузить скрипт, допустим, в папку watermark в корне сайта. И туда же положить файл логотипа. Затем в нужную папку с фотографиями или другими изображениями положить файл .htaccess. Можно ещё подкорректировать файл скрипта на предмет, на какие изображения накладывать Watermark. (т.е. задать минимальные размеры изображений, что бы Watermark не добавлялся к аватарам, т.к. они обычно маленькие).

$info_o[0] > 250 — ширина изображения должна быть больше 250 px
$info_o[1] > 250 — высота изображения должна быть больше 250 px

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

Код самого скрипта:

В принципе ничего сложного тут нет. Дерзайте 🙂

Watermark — водяной знак на картинку через PHP для любого сайта, в том числе Joomla, WordPress и других движков

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

Топ-пост этого месяца:  Как создать рекламу со ссылкой на WhatsApp в Facebook

За счет данного скрипта теперь не нужно через фотошоп ставить водяные знаки в ручном режиме — watermark все сделает сам.

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

Данный скрипт очень популярен в интернете — его можно найти, по watermark php или водяной знак для сайта — также сделал и я. Скачал уже кем-то сделанный скрипт, но при установке появилась проблемы:
1. Скрипт был написан на старых переменных split и не работал на новом PHP — исправил — теперь работает
2. Самое главное — png картинки сохранялись с копирайтом на черном фоне, что просто недопустимо — исправлял код целых 2 часа — теперь все работает. То как было раньше вы можете увидеть через скриншот снизу.

Так, что вам очень повезло, если вы зашли на мой сайт и решили скачать действительно рабочий watermark — пользуйтесь на здоровье!

Установка скрипта

1. Папку watermark со всем содержимым скопируйте в корень сайта
2. Файл .htaccess вставляйте в те папки, в которых вам нужно поставить водяной знак, например в /images — водяной знак применится только в тех папках, где есть этот файл. Если вы не хотите заморачиваться, то просто скопируйте этот файл в корень сайта — в этом случае водяной знак применится ко всем фотографиям вашего сайта. Если в корне сайта уже есть файл .htaccess, то скопируйте код в ваш родной .htaccess, например, в самом конце.

Настройки

1. Типы картинок. Скрипт работает с jpg и png картинками. Формат настраивается в .htaccess: jpg|png|jpeg
2. Размеры изначальной картинки при которых срабатывает водяной знак — по умолчанию от 250px по ширине и высоте — настраивается в /watermark/watermark.php
3. Сама картинка /watermark/watermark.png — водяной знак — можете поставить любой свой.

Недостатки скрипта watermark

1. Есть небольшая нагрузка на сервер — так как фото не кэшируются и их приходится создавать как бы на лету.

2. Работает на нормальных хостингах, где нет статики на форматы изображений.

FAQ Нанесение водяных знаков на изображение с помощью PHP

Часто возникает вопрос, как создать водяной знак на изображении с помощью PHP. В этом посте изложены две функции: watermark_text () и watermark_image () для создания водяных знаков в виде текста и изображения соответсвенно. Привяжем эту возможность к системе загрузки изображений для защиты авторских прав изображения.
Наложение водяного знака в виде текста — watermark_text()

Функция использует глобальные переменные, такие как: $font_path (путь к шрифту и его имя), $font_size (размер шрифта), $water_mark_text (текст). Ниже представлена сама функция с комментариями:

/**
* Наложение водяного знака в виде текста
* @param $oldimage_name — исходное изображение
* @param $new_image_name — выходное изображение
* @return Boolean
*/
function watermark_text ( $oldimage_name , $new_image_name ) <
// получение значений шрифта, размера и текста, используемых для наложение
global $font_path , $font_size , $water_mark_text ;
// получаем размеры исходного изображения
list( $owidth , $oheight ) = getimagesize ( $oldimage_name );
// задаем размеры для выходного изображения
$width = 600 ;
$height = 300 ;
// создаем выходное изображение размерами, указанными выше
$image = imagecreatetruecolor ( $width , $height );
$image_src = imagecreatefromjpeg ( $oldimage_name );
// наложение на выходное изображение, исходного
imagecopyresampled ( $image , $image_src , 0 , 0 , 0 , 0 , $width , $height , $owidth , $oheight );
// задаем цвет для накладываемого текста
$blue = imagecolorallocate ( $image , 79 , 166 , 185 );
// определяем позицию расположения водяного знака
$pos_x = $width — ( strlen ( $water_mark_text )- 1 )* $font_size ;
$pos_y = $height ;
// наложение текста на выходное изображение
imagettftext ( $image , $font_size , 0 , $pos_x , $pos_y , $blue , $font_path , $water_mark_text );
// сохраняем выходное изображение, уже с водяным знаком в формате jpg и качеством 100
imagejpeg ( $image , $new_image_name , 100 );
// уничтожаем изображения
imagedestroy ( $image );
unlink ( $oldimage_name );
return true ;
>

Наложение водяного знака в виде изображения — watermark_image()

В отличие от функции выше, данная функция использует одну глобальную переменную — $image_path (путь к накладываемому в качестве водяного знака изображению и его имя). Ниже представлена сама функция с комментариями:

/**
* Наложение водяного знака в виде изображения
* @param $oldimage_name — исходное изображение
* @param $new_image_name — выходное изображение
* @return Boolean
*/
function watermark_image ( $oldimage_name , $new_image_name ) <
// получаем имя изображения, используемого в качестве водяного знака
global $image_path ;
// получаем размеры исходного изображения
list( $owidth , $oheight ) = getimagesize ( $oldimage_name );
// задаем размеры для выходного изображения
$width = 600 ;
$height = 300 ;
// создаем выходное изображение размерами, указанными выше
$im = imagecreatetruecolor ( $width , $height );
$img_src = imagecreatefromjpeg ( $oldimage_name );
// наложение на выходное изображение, исходного
imagecopyresampled ( $im , $img_src , 0 , 0 , 0 , 0 , $width , $height , $owidth , $oheight );
$watermark = imagecreatefrompng ( $image_path );
// получаем размеры водяного знака
list( $w_width , $w_height ) = getimagesize ( $image_path );
// определяем позицию расположения водяного знака
$pos_x = $width — $w_width ;
$pos_y = $height — $w_height ;
// накладываем водяной знак
imagecopy ( $im , $watermark , $pos_x , $pos_y , 0 , 0 , $w_width , $w_height );
// сохраняем выходное изображение, уже с водяным знаком в формате jpg и качеством 100
imagejpeg ( $im , $new_image_name , 100 );
// уничтожаем изображения
imagedestroy ( $im );
unlink ( $oldimage_name );
return true ;
>

Содержит простой PHP и HTML-код для отправки формы.

// задаем переменные
$image_path = «watermark.png» ; // изображение
$font_path = «GILSANUB.TTF» ; // шрифт
$font_size = 30 ; // размер шрифта в px
$water_mark_text = «site.name» ; // текст

// подключаем используемые функции
include ‘watermark.func.php’ ;

$demo_image = «» ;
// если нажата кнопка загрузки
if(isset( $_POST [ ‘createmark’ ]))
<
// директория для хранения загружаемых изображений
$path = «uploads/» ;
// массив разрешенных расширений
$valid_formats = array( «jpg» , «bmp» , «jpeg» );
// получаем имя загружаемого изображения
$name = $_FILES [ ‘imgfile’ ][ ‘name’ ];
// имя есть, то:
if( strlen ( $name ))
<
// получаем тип загружаемого файла
$ext = explode ( «/» , $_FILES [ ‘imgfile’ ][ ‘type’ ]);
// если расширение принадлежит массиву разрешенных расширений и размер if( in_array ( $ext [ 1 ], $valid_formats )&& $_FILES [ ‘imgfile’ ][ ‘size’ ] 2 * 1024 * 1024 )
<
// загружаем изображение
$upload_status = move_uploaded_file ( $_FILES [ ‘imgfile’ ][ ‘tmp_name’ ], $path . $_FILES [ ‘imgfile’ ][ ‘name’ ]);
// при успешной загрузке
if( $upload_status )
<
// задаем директорию и имя для сохранения нового изображения
$new_name = $path . time (). «.jpg» ;
// добавляем водяной знак: watermark_text() — для текста, watermark_image() — для изображения
if( watermark_text ( $path . $_FILES [ ‘imgfile’ ][ ‘name’ ], $new_name ))
$demo_image = $new_name ;
>
else
$msg = «Загрузка не удалась!» ;
>
else
$msg = «Превышен размер разружаемого файла (Max 2Мб). Либо изображение имеет не верный формат» ;
>
>

Водяной знак на всех изображениях сайта

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

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

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

В интернете есть решение данной проблемы в виде двух файлов, содержимое которых приведено ниже.
Исходный код файла «.htaccess»

Топ-пост этого месяца:  Кроссбраузерное оформление HTML5 тегов

Исходный код файла «_watermark.php»

Решение сводится к следующему, в каталог с файлами изображений помещается файл «.htaccess». Кроме него на сервере создается папка «watermark», в которой находится файл скрипта «_watermark.php» и собственно файл водяного знака «watermark.png».

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

В файл «.htaccess», в регулярное выражение поиска файлов изображений добавлено расширение «jpeg», как тоже часто встречающееся.


Скрипт «_watermark.php» переработан таким образом, чтобы помещать водяной знак по центру изображения (этого требовала специфика решаемой задачи) и добавлена возможность регулировать прозрачность создаваемого водяного знака (комментарии в теле скрипта помогут Вам самостоятельно настроить этот параметр).

Также следует обратить внимание на тот факт, что помещая папку «watermark» в папку с изображениями, как советуют оригинальные источники, мы не добьемся желаемого результата, т.к. в этом случае нам придется иметь в каждой папке свой собственный файл «.htaccess» и папку «watermark». Это связано с тем, что в файле «.htaccess» указываются абсолютные пути от корневого каталога сайта к файлу «_watermark.php». Таким образом, имея в каждой папке с изображениями отдельную подпапку «watermark», в случае необходимости изменить водяной знак (либо скрипт, накладывающий его на изображение), нам придется произвести изменения во всех папках.

Чтобы избежать этой проблемы, я рекомендую создавать папку «watermark» в корневом каталоге сайта, а в каталоги изображений помещать файл «.htaccess» без необходимости каждый раз его менять. В этом случае для изменения водяного знака или скрипта нам необходимо будет внести изменения лишь в одном месте сайта. Создавать разные водяные знаки для разных папок с изображениями в таком случае можно ссылаясь из разных файлов «.htaccess» на разные скрипты, например «_watermark-1.php», «_watermark-2.php» и т.д.

Таким образом, подводя итог, можно сказать, что для наложения водяных знаков на все изображения сайта необходимо скачать прилагаемый ниже архив, распаковать его, папку «watermark» поместить в корневой каталог сайта, заменить в ней файл водяного знака «watermark.png» на свой собственный, а файл «.htaccess» помещать в те каталоги сайта, изображения из которых должны помечаться водяным знаком.

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

FAQ Нанесение водяных знаков на изображение с помощью PHP

Часто возникает вопрос, как создать водяной знак на изображении с помощью PHP. В этом посте изложены две функции: watermark_text () и watermark_image () для создания водяных знаков в виде текста и изображения соответсвенно. Привяжем эту возможность к системе загрузки изображений для защиты авторских прав изображения.
Наложение водяного знака в виде текста — watermark_text()

Функция использует глобальные переменные, такие как: $font_path (путь к шрифту и его имя), $font_size (размер шрифта), $water_mark_text (текст). Ниже представлена сама функция с комментариями:

/**
* Наложение водяного знака в виде текста
* @param $oldimage_name — исходное изображение
* @param $new_image_name — выходное изображение
* @return Boolean
*/
function watermark_text ( $oldimage_name , $new_image_name ) <
// получение значений шрифта, размера и текста, используемых для наложение
global $font_path , $font_size , $water_mark_text ;
// получаем размеры исходного изображения
list( $owidth , $oheight ) = getimagesize ( $oldimage_name );
// задаем размеры для выходного изображения
$width = 600 ;
$height = 300 ;
// создаем выходное изображение размерами, указанными выше
$image = imagecreatetruecolor ( $width , $height );
$image_src = imagecreatefromjpeg ( $oldimage_name );
// наложение на выходное изображение, исходного
imagecopyresampled ( $image , $image_src , 0 , 0 , 0 , 0 , $width , $height , $owidth , $oheight );
// задаем цвет для накладываемого текста
$blue = imagecolorallocate ( $image , 79 , 166 , 185 );
// определяем позицию расположения водяного знака
$pos_x = $width — ( strlen ( $water_mark_text )- 1 )* $font_size ;
$pos_y = $height ;
// наложение текста на выходное изображение
imagettftext ( $image , $font_size , 0 , $pos_x , $pos_y , $blue , $font_path , $water_mark_text );
// сохраняем выходное изображение, уже с водяным знаком в формате jpg и качеством 100
imagejpeg ( $image , $new_image_name , 100 );
// уничтожаем изображения
imagedestroy ( $image );
unlink ( $oldimage_name );
return true ;
>

Наложение водяного знака в виде изображения — watermark_image()

В отличие от функции выше, данная функция использует одну глобальную переменную — $image_path (путь к накладываемому в качестве водяного знака изображению и его имя). Ниже представлена сама функция с комментариями:

/**
* Наложение водяного знака в виде изображения
* @param $oldimage_name — исходное изображение
* @param $new_image_name — выходное изображение
* @return Boolean
*/
function watermark_image ( $oldimage_name , $new_image_name ) <
// получаем имя изображения, используемого в качестве водяного знака
global $image_path ;
// получаем размеры исходного изображения
list( $owidth , $oheight ) = getimagesize ( $oldimage_name );
// задаем размеры для выходного изображения
$width = 600 ;
$height = 300 ;
// создаем выходное изображение размерами, указанными выше
$im = imagecreatetruecolor ( $width , $height );
$img_src = imagecreatefromjpeg ( $oldimage_name );
// наложение на выходное изображение, исходного
imagecopyresampled ( $im , $img_src , 0 , 0 , 0 , 0 , $width , $height , $owidth , $oheight );
$watermark = imagecreatefrompng ( $image_path );
// получаем размеры водяного знака
list( $w_width , $w_height ) = getimagesize ( $image_path );
// определяем позицию расположения водяного знака
$pos_x = $width — $w_width ;
$pos_y = $height — $w_height ;
// накладываем водяной знак
imagecopy ( $im , $watermark , $pos_x , $pos_y , 0 , 0 , $w_width , $w_height );
// сохраняем выходное изображение, уже с водяным знаком в формате jpg и качеством 100
imagejpeg ( $im , $new_image_name , 100 );
// уничтожаем изображения
imagedestroy ( $im );
unlink ( $oldimage_name );
return true ;
>

Содержит простой PHP и HTML-код для отправки формы.

// задаем переменные
$image_path = «watermark.png» ; // изображение
$font_path = «GILSANUB.TTF» ; // шрифт
$font_size = 30 ; // размер шрифта в px
$water_mark_text = «site.name» ; // текст

// подключаем используемые функции
include ‘watermark.func.php’ ;

$demo_image = «» ;
// если нажата кнопка загрузки
if(isset( $_POST [ ‘createmark’ ]))
<
// директория для хранения загружаемых изображений
$path = «uploads/» ;
// массив разрешенных расширений
$valid_formats = array( «jpg» , «bmp» , «jpeg» );
// получаем имя загружаемого изображения
$name = $_FILES [ ‘imgfile’ ][ ‘name’ ];
// имя есть, то:
if( strlen ( $name ))
<
// получаем тип загружаемого файла
$ext = explode ( «/» , $_FILES [ ‘imgfile’ ][ ‘type’ ]);
// если расширение принадлежит массиву разрешенных расширений и размер if( in_array ( $ext [ 1 ], $valid_formats )&& $_FILES [ ‘imgfile’ ][ ‘size’ ] 2 * 1024 * 1024 )
<
// загружаем изображение
$upload_status = move_uploaded_file ( $_FILES [ ‘imgfile’ ][ ‘tmp_name’ ], $path . $_FILES [ ‘imgfile’ ][ ‘name’ ]);
// при успешной загрузке
if( $upload_status )
<
// задаем директорию и имя для сохранения нового изображения
$new_name = $path . time (). «.jpg» ;
// добавляем водяной знак: watermark_text() — для текста, watermark_image() — для изображения
if( watermark_text ( $path . $_FILES [ ‘imgfile’ ][ ‘name’ ], $new_name ))
$demo_image = $new_name ;
>
else
$msg = «Загрузка не удалась!» ;
>
else
$msg = «Превышен размер разружаемого файла (Max 2Мб). Либо изображение имеет не верный формат» ;
>
>

Создание водяных знаков с помощью PHP

Одной из интересных вещей, которые вы можете сделать с помощью библиотеки работы с графикой в PHP GD, может быть класс, который ставит водяные знаки (watermarks) на изображение. Если говорить вкратце, то watermark — это технология для защиты цифровых изображений от несанкционированного использования путем нанесения на них водяных знаков или подписей. Как следствие из этого, ее можно применять (а в основном так и есть) для определения владельца авторского права на изображение. Итак, поехали дальше.

Вступление

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

Топ-пост этого месяца:  Sass вложенность для создания комбинированных CSS правил

Для справки

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

Информация, находящаяся в альфа-канале чаще всего представляет выделенные области — некоторые формы или расположение цветных областей. Сохранение альфа-канала в изображении увеличивает размер файла на 1/3. RGB изображения могут иметь до 24 альфа-каналов. Точечные и индексированные изображения не могут содержать альфа-каналов.

Часть первая — основы

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

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

Выбор пути к цели

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

Для начала, наше приложение получает два изображения — исходное изображения и сам водяной знак. Далее нам необходимо определить размеры этих изображений (width-ширину и height-высоту). Эти данные нам необходимы для расположения водяного знака в центре изображения (исходя из предположения, что размер водяного знака будет меньше самого рисунка).

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

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

Думаю, теории уже достаточно — ключевые моменты в ней раскрыты достаточно подробно. Теперь перейдем непосредственно к написанию скрипта.

Часть вторая — пишем скрипт

Начнем с самого простого — напишем класс, который создает файл с водяным знаком. Назовем его «watermark» и пропишем его код в файле «api.watermark.php». «Скелетом» класса будет три функции:

Следующим этапом будет написание кода функций класса «watermark». Дополняем файл «api.watermark.php» следующими строками кода:

Теперь подробнее рассмотрим функцию create_watermark().

Первым делом мы передаем ей три параметра:

(Важно отметить, что наша функция принимает изображения как объекты, а не просто как пути к ним — но об этом будет сказано чуть позже)

Далее мы нам необходимо получить информацию об каждом из изображений. Нам это необходимо знать координаты X и Y для расположения водяного знака в центре исходного изображения.

Следующим этапом будет создание нового, true-color изображения с теми же размерами, как и у исходной картинки. Это изображение (переменная $return_img) будет использовано для объединения информации из исходных картинок (рисунок и водяной знак).

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

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

Часть третья — вспомогательные функции

Помимо функции create_watermark в нашем классе watermark присутствуют еще две функции. Продолжим исходный код класса следующими строками:

А теперь подробнее. Наша первая функция «_get_ave_color» принимает численные величины двух цветов и альфа-канала. Возвращает же она усредненную их величину. Эта функция нам необходима для определения цвета, который получится при наложении пикселей двух рисунков.

Вторая функция «_get_image_color» разбивает изображение на red (красный), green (зеленый) и синий (blue) составляющие (rgb-палитра). С помощью встроенных в php функций для работы с графикой (их описание было в начале статьи) получаем ближайшее значение цвета для нового изображения.

В дополнение еще проверяется несколько моментов. Во-первых, если удалось получить точное значение (переменная $c), то оно и возвращается из функции (return $c). В противном случае далается попытка подобрать цвет с помощью функции imagecolorallocate(). Если же и это не поможет достичь результата, то с помощью функции imagecolorclosest() просто возвращается ближайшее значение цвета (самое неточное).

Ну вот, наш класс и почти готов. Осталось только заменить в функции «create_watermark» комментарий «некоторый код» следующими строками:

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

Первым делом наш скрипт выполняет обход изображения с помощью двух циклов ‘for’. Параллельно еще подсчитываются координаты каждого пикселя водяного знака.

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

Для определения цвета области пересечения, сначала нужно получить значение RGB-переменной водяного знака, используя информацию, которую мы получили в циклах ‘for’. Потом с помощью функции «_get_ave_color» определяется среднее значение цвета для нового изображения. Далее следует функция «_get_image_color» для определения цветовой гаммы, которая будет использована функцией «return_img».

В итоге, после завершения работы циклов ‘for’ у нас есть готовое изображение с водяным знаком.

А теперь проверим наш класс в деле.

Часть четвертая — тест-драйв

Для начала нам потребуются два файла. Первый назовем «watermark_test.php» и разместим в нем следующий код:

Назначения этого файла очень простое: он отображает в браузере исходное (main.jpg) и полученное (watermark.png, с водяным знаком) изображения.

Как можно увидеть, наше второе изображение (watermark.png) ссылается на php-файл image.php, а не на файл-изображение. Эта ссылка имеет вид GET-запроса, где в php-файл передаются значения двух переменных: $main и $watermark.

Второй файл назовем «image.php» и и разместим в нем следующий код:

Ну вот и подобрались к финалу.

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

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

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

есть лого (картинка №1)

я так сделал не правильно работает

29.10.2014, 15:14

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

Наложение одного изображения на другое
Делаю через imagecopy(), но проблема в том, что одно из изображений получаю так: $pp=»&alt img.

Массовое наложение водяных знаков.
Ищу программу, которая накладывает копирайт(водяной знак) на изображение, причём массово. Главная.

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

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

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