@Tomayo

Эффективная защита изображений?

Я понимаю, что исключить возможность скачивания нельзя и просмотрела много ресурсов прежде, чем просить помощи. Когда-то давно видела способ усложнить копирование картинки на телефон, но забыла как его осуществить. Мне нужно было только это и больше ничего.

У меня есть цель защитить картинки на сайте от копирования и скачивания, запрета контекстного меню достаточно для пк, но для спасения от телефонов не нашла решения проще и лучше чем наложить поверх картинок прозрачное изображение... И тут проблема: это изображение не адаптируется вместе со всеми картинками. Может есть способ растянуть картинку на весь <div> или сделать ее зависимой от его размера?

P.S.
Для меня отмены контекстного меню на пк достаточно, просто ищу способ сделать процесс сохранения картинки на телефон не таким простым. Использование водяных знаков - не вариант.
  • Вопрос задан
  • 203 просмотра
Решения вопроса 1
AntonLitvinenko
@AntonLitvinenko
HTML coder
Если вам достаточно накрыть картинку прозрачным оверлеем, то можно завернуть каждую картинку в обертку и ей приделать оверлей через псевдоэлемент
<div class="img-wrapper">
	<img src="img/category/cat3.jpg" alt="">
</div>

.img-wrapper {
	position: relative;
}
.img-wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 5
ThunderCat
@ThunderCat
{PHP, MySql, HTML, JS, CSS} developer
если задача немного усложнить скачивание - делайте изображения бэкграундом для блока, так и позиционирование и ресайз будет проще настроить, и скачать по правой кнопке/тапу не получится.
Ответ написан
pro100chel
@pro100chel
Senior Pomidor Developer | CEO of GOVNOKOD LTD.
Что?

Цель защитить картинку от копирования и скачивания?

Лучше брось эту цель.

Все что попадает на клиент можно спыздить.
Ответ написан
Lillipup
@Lillipup
Allons-y, Алонсо!
Это пустая трата времени, если кому нибудь будут нужны ваши картинки, они их возьмут.
Единственное решение их вообще не публиковать
Ответ написан
CityCat4
@CityCat4
Если я чешу в затылке - не беда!
Задача не имеет решения.

Картинка всегда в кэше браузера/прокси. Можно немного усложнить скачку, но полностью защитить от скачивания невозможно. Защитите-ка мне фото картинки телефоном :) или PrintScreen в хостовой машине, когда картинка отображается на виртуалке (это вообще убойный способ)
Ответ написан
AleksandrB
@AleksandrB
Совсем недавно вывел "Hello world"
Вы ведь понимаете, что что бы отобразить картинку в браузере пользователя, ему нужно ее сначала скачать с сервера?
Поэтому возможности запретит скачивание полностью нет, но есть вариант поумнее - временные ссылки. Если браузер будет обращаться не на прямую к картинке, а к файлу, который будет решать отдать ли эту картинку, вы сможете выдавать время жизни или ограничение по скачиванию ссылки. Это точно обезопасит от копирайтеров, но от прямых рук не спасет.

Условно, вы обращаетесь на index.php, он определяет какие ссылки на картинки будут, записывает их в память, следом браузер обращается по этим адресам с картинками и url сгорают. Соответственно для того что бы отобразить нужно сделать запрос на index, без этого ничего. Для загрузки страницы этого хватит, но после загрузки уже скачать не выйдет.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы