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

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

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

Существуют 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. Веб-мастер заметит путь и вобьет его в адресную строку, таким образом, сможет сохранить изображение.

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

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

На этом завершаю свою статью. Надеюсь, она оказалась для вас полезной и содержательной.

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

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

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

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