<MyRusakov.ru />

Вёрстка сайта с нуля

Вёрстка сайта с нуля

Это уникальная информация по созданию страниц любой сложности. Вы узнаете всё, что нужно по HTML и CSS, а также увидите множество примеров по вёрстке страниц. А также почти к каждому уроку идут упражнения для закрепления материала, поэтому в отличном результате можете быть уверены! Пройдя данный курс, Вы сможете верстать страницы с любым по сложности дизайном. Помимо курса, Вы получите Бонус, который расскажет, как заработать на вёрстке сайтов.

Весь курс соткан из практических примеров реальной вёрстки. А также почти к каждому уроку идут упражнения для закрепления материала, поэтому в отличном результате можете быть уверены!

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Как запретить посетителю сохранять картинки

Как запретить посетителю сохранять картинки

Ко мне иногда обращаются люди, которые просят рассказать, как запретить посетителю сохранять картинки на их сайте. Действительно, бывают случаи, когда не хочется, чтобы Вашу уникальную картинку, над которой Вы работали, взяли и растащили на сотни сайтов. Но, увы, 100% эффективного способа для подобного запрета не существует. Всё, что можно сделать, это вынудить человека плюнуть на это изображение, немного усложнив ему задачу. Вот как это сделать, мы и обсудим в данной статье.

Есть 2 способа. Первый вообще очень простой, он состоит в использовании атрибута oncontextmenu, отвечающего за обработчик события по вызову контекстного меню:

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

Теперь пользователь не сможет вызвать контекстное меню правой кнопкой мыши и выбрать там "Сохранить изображение". Казалось бы, проблема решена, но нет. Во-первых, это работает не во всех браузерах, а, во-вторых, контекстное меню и вовсе не нужно, чтобы сохранить картинку. Можно просто перетащить левой кнопкой мыши картинку на новую вкладку, там она спокойно откроется и можно будет её сохранить. Как видите, данный способ спасёт только в некоторых браузерах, причём от самых новичков.

Второй способ значительно лучше, суть его состоит в том, что тега img нет вообще, следовательно, и сохранять нечего. А картинка выводится через CSS с помощью свойства background:

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

Данный способ спасёт уже от всех, кто не знаком с самыми базовыми знаниями по HTML и CSS. Но данный подход плох с точки зрения оптимизации под поисковые системы. Всё-таки значимость атрибута alt у тега img никто не отменял. А также, кто захочет всё-таки вытащить картинку, тот увидит путь и пропишет его в адресной строке, тем самым, опять же, сохранив картинку.

Как видите, запретить посетителю сохранять картинки очень трудно, поэтому я всегда отвечаю на данный вопрос так: "Не бойтесь, что Вашу картинку кто-то возьмёт, главное, чтобы это было с пользой для Вас, поэтому делайте на картинке водяные знаки, например, с адресом Вашего сайта. Сделать это можно в Photoshop или Gimp.". Вот и всё, и тогда каждое воровство Вашей картинки будет означать увеличение посещаемости для Вашего сайта.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (4):

cyber93 cyber93 05.10.2012 23:30:29

Спасибо! Полезно!

Ответить

ppk-center ppk-center 10.11.2012 12:45:01

Я придумал идеальный способ! <div style="background: url('image.jpg') no-repeat; width: 100px; height: 100px;"><img src="image.jpg" alt="Image" oncontextmenu="return false;" height="1" width="1"></div>

Ответить

mister mister 26.01.2013 13:20:49

я обычно скачиваю при таком случае картинку через прогу Teleport Pro точнее всю страницу...

Ответить

mihap mihap 23.07.2013 10:23:45

Вы не сможете запретить пользователю скачивать картинки. 1. Все картинки при просмотре странички автоматом уже СКАЧИВАЮТСЯ в кеш браузера где их свободно можно найти. 2. Даже если Вам удастся их там храинть частями и проч замороченымии способами, остается старый добрый PrtScr. Вывод- картинку можно защитить только водяным знаком, да и тот при "прямых руках" легко чистится. Особо меня умиляют люди, которые сами берут картинку из инета а потом мужественно пытаются ее защитить :))

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.