среда, 17 августа 2011 г.

Как защитить свои изображения от случайного копирования

Если вы не хотите, чтобы копировали изображения с вашего сайта - не публикуйте их, потому что - так работает веб - почти невозможно предотвратить копирование или сохранение изображений.
Однако есть одна маленькая хитрость, которая может препятствовать технически менее продвинутым пользователям от случайного копирования, или хотлинкинга ваших изображений. Например, попробуйте сохранить следующие изображения на компьютер с помощью стандартного "Сохранить как":
Вариант "Сохранить изображение" под правой кнопкой мыши по-прежнему доступен, но вместо загрузки картинки, сохранится пустое изображение. Кроме того, ссылка на картинку (Свойства) будет выглядеть как некоторые нежелательные символы и, следовательно, будет сдерживать от хотлинкинга. Стандартный код вставки для изображения выглядит примерно так:
<img src="image.jpg" width="500" height="250">
Нужно изменить значение атрибута SRC, чтобы указать на пустое изображение, а затем добавить новый атрибут стиля указывающий на реальное изображение. Также убедитесь, что значение высоты и ширины точно такие же, как у реального изображения.
<img style="background-image:url(image.jpg);"
     src="data:image/gif;base64,
     R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
     width="500" height="250">
Очевидно, такой метод защиты легко обойти. Например, копия полного изображения будет по-прежнему доступна в кэше браузера. Можно посмотреть на исходный HTML-код или сохранить образ с помощью захвата экрана, но опять же, эти методы не всегда могут быть известны неискушенным пользователям вашего сайта.