Как НЕ дать пользователям скачать изображения сайта?

Question

[gomer1726]

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

Comments

[Johnny Gat]

А как вы от PrtScn защищаться будете?

[Андрей]

Думаю, самый подходящий Вам вариант описан тут: загружать картинки посредством скрипта и УРЛы изображений будут такие: image.php?param=1&param=2
Сохранить их очень проблематично будет. Разве что скриншот сделать и вырезать, как сказали выше.

[Johnny Gat]

Андрей: По вашей ссылке защита картинки от пользователей которые ее не должны видеть, а автору нужна защита картинки от пользователя который ее сейчас видит на экране. Способ по вашей ссылке никак не защищает от "ПКМ, сохранить картинку как".

[Froggyweb]

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

[Андрей]

Johnny Gat: нет, как раз отображаться на экране такие картинки будут, а вот при попытке сохранить их через ПКМ, будет вместо картинки сохраняться скрипт. Как вы сохраните картинку, которая выводится на экран таким кодом?

<img src= "//domen.com/image.php?param=1&param=2" />

[Андрей]

Johnny Gat: пример подобного решения - Ваша автарка на этой странице. Попробуйте кликнуть по ней ПКМ и сохранить.

[Johnny Gat]

Андрей: Примера на PHP не нашел, https://fuel-scm.org/fossil/index в качестве примера подойдет?
Картинка которую вы можете сохранить (выбрав пункт меню "Сохранить картинку как") имеет URL
raw?name=e7991c998f5a738bcbad7cb66630dd0e148eb06b

[Johnny Gat]

Андрей:
1.
2.
3.
4.
Вы сейчас начнете придираться что я расширение поменял? Или что картинка не круглая сохранилась?

[Андрей]

Johnny Gat: зачем придираться? Это всего лишь пример проксирования. Вероятно, у разработчиков не стояла задача не дать пользователю сохранить изображение, иначе им ничто не помешало бы отдать что-то другое, а не текстовый файл. Это не готовое решение - потому и пишу в комментарии - это лишь наводка, в какую сторону копать.

Я встречал однажды сайт, где подобным образом были скрыты картинки (он правда был не на PHP), вместо них отдавался файл с каким-то кодом. Изменение расширения не помогало его восстановить. Глубже лезть просто не имело смысла, трудозатраты были не сопоставимы с возможными результатами. Сейчас там другая версия и все картинки открыты, поэтому не могу дать ссылку.

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

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

[Johnny Gat]

Андрей: Вы реально думаете что расширение txt на аватарках хабра - защита? Не смешите, это или фича или, что наиболее вероятно, баг.
Возможно есть какой-то программный код который детектит обращается ли браузер к серверу чтобы отобразить изображение на странице или чтобы скачать это изображение. Но это что не тот код что приведен по вашей ссылке.

Answer 1

[longclaps]

Не дадим.
Вдруг ты скачаешь.

Answer 2

[Олег]

Все, что попало в браузер уже на стороне клиента. Хоть видео, хоть изображение(из кэша можно достать).
Защита - водяной знак и только ;)
Все остальное только для тех, кто не понимает.

Answer 3

[Dimonchik]

не выкладывать на сайт

Answer 4

[archelon]

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

Answer 5

[Максим Кудрявцев]

Самый простой способ - не показывать Ваше супер ценное изображение кому-либо вообще. В любом другом случае человек его сможет скачать(читать как "достать из кэша своего браузера").
Для того чтобы хоть как-то защитить картинки на сайта можете использовать один из спосбов:

• Наложить водяной знак - легко реализуемо, см. либу image magic
  
• Прятать картинку в CSS через background-image
  
• Загружать картинку через Angular-директиву
  
• Резать картинку на фрагменты 5 х 5 пикселей, собирая ее потом сеткой
  
• Смотреть user-agent клиента и, если он пустой или не валидный(какой-то бред, робот, не из списка), отдавать 404 ошибку либо другую картинку, аля "Это изображенние украли с сайта lallalala.com
  
• Аналогично пункту выше, только смотрим теперь предварительно установленные пользователю cookie
  

Я когда-то реализовывал связку из 3 + 4 способа. У моего клиента был сайт, который в качестве донора постоянно использовали "нехорошие люди". Разумеется был автоматический парсинг контента. Роботы выдергивали ссылки на картинки и использовали их у себя. Трафик у клиента был бешеный, дисковая подсистема сервера это дело не вывозила, из-за чего и были тормоза. Результат такой - 50% парсить его перестали от слова "вообще", 20% адаптировали код под написанную защиту, 30% - банально забили(парсили с битыми ссылками/кривыми картинками), на сколько я понял. Цифры получены на основе моих наблюдений в течении 3-х месяцев после внедрения.

Этот случай был где-то в 2011 или 2012. Если бы эта же задача мне пришла в 2017, я бы просто наложил на картинки водяные знаки и подключил бы CloudFront от AWS, на чем бы все и закончилось, но в те годы я был юн и неопытен...

Answer 6

[Андрей Павленко]

Есть вариант, который может помешать скачать. Нужно использовать изображение как background-image в CSS в определенном слое:
htmlbook.ru/css/background-image
При этом нужно всегда четко знать размер изображения и указать его с помощью width/height тега, который вы используете как контейнер для изображения.
Но это защитит только от самых необразованных. Существуют плагины, которые позволяют скачивать картинки, а также можно открыть исходный код или "проинспектировать элемент". Ну или в крайнем случае Print Screen.
Короче, если пользователь увидит картинку - он всегда ее может скопировать и 100% защиты не существует, есть только попытка сделать небольшое неудобство для тех, кто ничего не понимает в сайтах.

Answer 7

[Александр]

Если ваши изображения такие ценнные, так зачем их кому либо показывать? По факту хватит заметного водяного знака и низкого разрешения. А все остальное можно обойти.