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

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

Существуют 2 способа обезопасить себя. Первый метод очень прост и заключается в применении oncontextmenu, который отвечает за обработку события по вызову контекстного меню:

<img src=»image.jpg» alt=»» oncontextmenu=»return false;» />

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

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

<div style=»background: url(‘image.jpg’) no-repeat; width: 100px; height: 100px;»></div>

Этот метод поможет от тех, кто не знает теги HTML. Веб-мастер заметит путь и вобьет его в адресную строку, таким образом, сможет сохранить изображение. К тому же такой подход плох в плане оптимизации, так как поисковики негативно реагируют на данный приём.

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

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

Ваш e-mail не будет опубликован.