Как защитить картинку от копирования с сайта

Защита картинок от копирования с сайтаВсем привет. Совсем недавно один парень обратился ко мне за созданием landing page. У него довольно интересная ниша. Она связана с созданием уникальных, необычных, стильных печатей и штампов. Его идея мне сразу понравилась, он знает, чего хочет,  составил, пожалуй, лучшее ТЗ из всех, что мне присылали, и сам создал прототип, на основе которого я и делал лендинг. Когда он будет готов, оставлю ссылку в этой статье. Пусть это будет дополнительный бонус ему, но сейчас не об этом.

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

Защита картинок от копирования

Задавшись данным вопросом, я нашел несколько способов, но о полной защите контента от копирования речь не пойдет. Мы можем лишь усложнить процесс и отсеять рядовых пользователей, которые не знают, что нажатием ctrl+u можно открыть исходный код и скопировать адрес картинки. И тут я задумался. Стоит ли внедрять подобный функционал? Ка думаете? Давайте рассмотрим хотя бы базовые способы защиты от копирования, а в конце статьи я выскажу свое мнение по этому поводу.

Отключения функции выделения текста и изображений

Одним из способов усложнения копирования вашего контента с сайта может стать отключение функции выделения. Наверняка вам попадались подобные сайты и возможно кто-то из вас не понимал в чем дело). Для того, чтобы отключить возможность выделения на вашем landing page, следует тегу body прописать :

<body onselectstart="return false;"></body>

Для всеми любимого IE. И в стилях прописать:

-webkit-user-select: none;
-moz-user-select: none;
user-select: none;

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

Повторяем процедуру, описанную выше, только перед закрывающимся тегом body вставьте следующий скрипт:

<script language="JavaScript" type="text/javascript">
   fimg = document.images;
     for(j=0;j<fimg.length;j++){
   fimg[j].galleryimg = "no";
   fimg[j].oncontextmenu = function(){return false;}
   fimg[j].ondragstart = function(){return false;}
}
</script>

Теперь контент вашего сайта надежно защищен от домохозяек, копирующих рецепты) Да, да! Именно так. Ведь любой уверенный пользователь может открыть исходный код и скопировать ссылку на картинку. А если у вас и будут воровать контент, то наверняка другие веб мастера и конкуренты, для которых это все не составит труда.

И теперь стоит задуматься снова. Смотрите. Мы же столько говорим о юзабилити лендинг пейдж. И наверняка пользователям удобнее, например, скопировать адрес вашей почты, чем набирать его вручную. и т.д. Я прошу вас взвесить все за и против, а не бездумно сделать описанное в статье. Ведь в первую очередь ваш лендинг рассчитан на обычных людей (клиентов), и удобство использования должно стать на первый план. А тому, кто задался целью скопировать ваш материал и картинки, в любом случае, не составит большого труда сделать это.

Гораздо эффективнее подтверждать авторство другими способами, о которых мы обязательно поговорим в следующих статьях. Поэтому подписывайтесь на обновления, чтобы не пропустить. А на сегодня - все. Всем хорошего дня. Пока!

Понравилась статья? Не хотите пропустить следующие материалы о самостоятельном создании и раскрутке landing page?

Подпиcывайтесь на обновления!

Комментарии: 9

  1. Михаил

    Может быть можно использовать обфусцирование кода для защиты исходника?

    • dimadv7

      Не знаю, как вариант, но я отказался от всех этих защит. Ну не вижу я особого смысла в этом))

  2. Дмитрий

    На самом деле, проблема большая. Особенно касается всяких галерей и сайтов художников. Можно конечно делать вотермарки, но многим хочется именно запрет на копирование и скачивание…

    • dimadv7

      проблема конечно же есть, но защиты пока нет. Ну кого можно остановить запретом на копирование? Домохозяек? Ну нажал f12 посмотрел путь, открыл. Водяной знак только, наверное, и спасает.

  3. Петр

    А если попробовать картинку прикрутить к стилям и в htaccess запретить доступ к css.. Скачать, конечно же, все равно возможно будет, но сложнее, по-моему мнению))

    • dimadv7

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

  4. Алена

    А еще можно принт-скрин и все)

  5. Юлия

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

  6. BarbaraGeale

    Процентные Ставки, Условия И Предложения. Какой Вклад Лучше Открыть В 2017 Году?

    ————————————
    При положительном решении компании о предоставлении ссуды деньги переводятся на вашу банковскую карту. Самый распространенный — посещение одного из отделений банка и личная беседа с кредитным специалистом. Можете сообщить его работнику банка. Вы представляете себе алгоритм работы оперКолЦентра? О выходе из строя микросхемы может свидетельствовать следующее: нету звука блокировки, воспроизводит звук только на гарнитуру или громкую связь. Устал ждать. Обращаюсь в суд. РПС ММВБ — только для взрослыхзаблокированы акции в депозитарии ПробизнесбанкаАппаратура дальней связи (АпДалСв)Линк ХолдингсГодовой объем торгов (оборот) на NYSEЧем акции (ценные бумаги) лучше депозитов? Собственный контроль за качеством поставляемой продукции и гарантия от производителей являются надежным способом защитить покупателей от брака. Вносить на счет можно только денежные средства. Согласитесь, это выгоднее и удобнее. Использование шаблона доступно в мобильной версии, что достаточно удобно. Приобретать подобное устройство без диагностики в сервисном центре — опасно. В этом году Китай обогнал все страны мира по объёмам выброса CO2 в атмосферу Земли. Положения организация должна составлять бухгалтерскую отчетность за месяц, квартал и год нарастающим итогом с начала отчетного года, проценты по договорам товарного кредита должны отражаться в составе операционных расходов ежемесячно. Мы не стоим на месте и постоянно усовершенствуем систему!|Если нет карты данных банков — оплата только через оператора. А вот когда денег регулярно не хватает кредитные карты будут полезны. Если оформляетесь первый раз, то есть за последний год ОСАГО не было оформлено. Если вы используете навигатор каждый день, то оптимальным тарифом будет “Умное устройство”. Что для вас магия? Что же касается вывода денег, то с этим возникают проблемы, так как ни один банк не входит в список партнёров Ренессанса. Что влияет на стоимость страховки? Никаких специальных требований к кандидатам на трудоустройство Тинькофф банк не предъявляет. Мы сможем помочь Вам в решении такой непростой задачи. Мы ведем очень активную работу с Минпромсвязью и Минпромторгом по развитию приложений, которые можно совместить с нашей картой», — рассказывает Скоробогатова из ЦБ. Входит в TOP 10 лидирующих компаний нашей страны. Но для того, недостатка источников его финансирования в будущем служит источником значимых инфляционных рисков, главные требования к заявителям у разных банков различаются достаточно некординально, длительные кредиты и займы счет.

    Перейдите ниже по ссылке, чтобы получить кредит:

    http://kredit.bestsky.info/

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