Как запретить скачивание изображений с сайта?

Реклама

Скажу сразу — 100% защиты нет, но Можно максимально Усложнить жизнь тем, кто ворует или использует url изображений.

Вот несколько способов защиты:

1) При помощи Java Script. При помощи JS блокируем возможность вызова правой кнопкой мыши на изображении меню с Сохранить изображение. Как вариант против неопытных пользователей подходит.

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

2) Состоит в том, чтобы спрятать изображение и отобразить его в качестве background (фона) через стили. Его опять же можно скачать, но только просмотрев CSS-запись, а после введя соответствующий url в строку ввода адреса. Это уже существенно усложнит жизнь тем, кто скачивает Ваши изображения!




Код CSS. Создаём класс со скрытым изображением

.background {background: url('img.jpg') no-repeat; width: 150px; height: 150px;}

и код HTML. Вставляем в соответствующее дял изображение место.

<div class="background"></div> <!-- скрытое изображение -->

Можно стили сразу в div прописать

<div style="background: url('img.jpg') no-repeat; width: 150px; height: 150px;"></div>

3) Данный способ защитит от того, что url Вашего изображения используют на другом сайте, то есть прописывают адрес изображения Вашего сайта, а отображается оно у них. Такое явление называется —хотлинком. Как результат, каждое такое упоминание будет создавать нагрузку на сервер. Для предотвращения подобных действий откроем файл .htaccess в корне Вашего сайта и запишем туда выражение, которое будет Всегда все подобные ссылки перенаправлять на другое, ненужное изображение, да, можно неприличное.

RewriteEngine On<br >
#Заменит ?yoursite\.ru/ на свой url<br >
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?mysite\.ru/ [NC]<br >
RewriteCond %{HTTP_REFERER} !^$<br >
#Заменит /images/empty.jpg на другое Любое изображение<br >
RewriteRule .*\.(jpe?g|gif|bmp|png)/images/empty.jpg [L]

 

А как лучше?





Оптимальный путь всё-таки другой. Вы можете не препятствовать краже изображений, а использовать это с выгодой для себя. Для этого в любом графическом редакторе, например Photoshop, сделайте заготовкуводяного (полупрозорачного) знака сайта, которую потом вставляйте отдельным слоем в том же Photoshop на все свои изображения. В результате, если их и будут красть, то всегда увидят адрес Вашего сайта!

Статья взята с сайта: http://tradebenefit.ru/