Друзья, я снова приветствую вас на своем блоге! Давайте попробуем разобраться с тем, как запретить копирование картинок на вашем ресурсе. Это происходит каждый день тысячами, а может миллионами.
Естественно, что каждый владелец своего сайта хочет сохранить уникальность картинки, чтобы его изображение не начало путешествовать по просторам интернета.
Существуют 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. Веб-мастер заметит путь и вобьет его в адресную строку, таким образом, сможет сохранить изображение.
К тому же такой подход плох в плане оптимизации, так как поисковики негативно реагируют на данный приём.
Есть ещё один способ, который не относится к программированию. На картинке можно делать водяные знаки с адресом сайта. С этой задачей отлично справится фотошоп.
На этом завершаю свою статью. Надеюсь, она оказалась для вас полезной и содержательной.
Пишите комментарии, жмите на иконки социальных сетей, чтобы дать информацию своим подписчикам, которые будут благодарны вам за это.
И обязательно подписывайтесь на новости блога, чтобы не пропустить самого интересного.
До новых встреч, друзья!