What is the most effective method of protection from downloading images from the website you know?

The first thing that comes to mind - part of URL variables, the concatenation of which is displayed in the canvas with the ban context menu.
What else can be the options for the complexity of downloading pictures?
July 4th 19 at 22:53
15 answers
July 4th 19 at 22:55
Solution
The most effective method is to have photographs that no one will download.
For example, watermarks or inscription with the name of the site on each photo allow you to get closer to this ideal.
: yeah: one article - one PDF with all data of the client) - Kyleigh_Hills commented on July 4th 19 at 23:13
And watermark to insert not only the name of the site, but the user name for which the picture is displayed. And in the case of leak detection, to ban the hero of the occasion. - samir39 commented on July 4th 19 at 22:58
: well, it's already in clinical cases, if the picture is ready to steal even with watermarks. - chelsea13 commented on July 4th 19 at 23:01
: i.e. close the image from the public? only authorized users to show?! (or have I misunderstood something...) - Kyleigh_Hills commented on July 4th 19 at 23:04
Yes. Or a good as an. - samir39 commented on July 4th 19 at 23:07
theoretically unique visitor can be created and stored for each session of the browser, even without logging in. If you need to track down the leak, not stop it initially. - chelsea13 commented on July 4th 19 at 23:10
: well, the topic was about pictures actually. Well, browsers are now able not only PDF, but also SVG - to rogue easier and clean up is maximizando may be harder ;) - chelsea13 commented on July 4th 19 at 23:16
: Yes, even if you will be maximizando on another site, still no use... do not even know what started it) - Kyleigh_Hills commented on July 4th 19 at 23:19
July 4th 19 at 22:57
Solution
1. The simplest Watermark.
2. Harder - partial delivery from the server the selected image area from the encryption and decryption on the client, and to never display the entire image. (i.e. type of container with a scroll inside a canvas, similar to Google maps).
3. Hardcore style - Adobe Flash Application!
4. "Puzzle" - "chaotic" (only in appearance!) dynamic slicing in the sprite card and build using js. The formula is also different every time.
5. "Tracing" - a multilayered image from several with alpha channel (with transparency)
6. To put the image in JS the container on the server side, placing him in the display method with reference to IP and the client browser, and exactly 15 seconds (to load and all) and the binary encrypted data, after loading the script at the client to request a token from the server to decrypt the data.
(you can combine methods)
print screen and to hell with all these algorithms. - samir39 commented on July 4th 19 at 23:00
: A2 ))) - chelsea13 commented on July 4th 19 at 23:03
: print screen print screen print screen print screen + script for gluing)) - Kyleigh_Hills commented on July 4th 19 at 23:06
: )) and + for each piece of the script etching the watermark on the images and then ready profit) - samir39 commented on July 4th 19 at 23:09
July 4th 19 at 22:59
Solution
1 - that shows the browser it is already downloaded in the %temp%
2 - you can stuff the image in flash, with the engine pessimizatsiey from Yandex, not mobile content
3 - you can put images as background-image:url(http://.............);
But nothing will prevent the user to press PrtScr

I guess photostocks already through this question. If there was another way - there would be watermarks on stock photos.
The best response in the subject. I would also like to add that you can easily using htaccess to protect images from embed direct link to third party sites. This is also often interested. But to protect the downloading of pictures from a real user, or a well thought out script in any way. - samir39 commented on July 4th 19 at 23:02
July 4th 19 at 23:01
You have no methods against Kostya Saprykin ( the meeting Place cannot be changed) :-)
July 4th 19 at 23:03
The most effective way is not to upload an image to the website.
Sorry for this reply, but only he can really protect against downloading, and all the rest can be overcome with specialist knowledge slightly above June.
July 4th 19 at 23:05
I was thinking the same way.

Take a picture, break it into many blocks (by any algorithm) and change all of these blocks in some places.
It turns out the puzzle.

And when initializing the pictures just collect this puzzle-type of sprites on the same algorithm.
print screen and the image from the user - samir39 commented on July 4th 19 at 23:08
she will not be in high definition
it is still possible on PrintScreen some shit show on the pictures - chelsea13 commented on July 4th 19 at 23:11
really! Bluray filter CSS3, if the tab has lost focus )))
Demo focus events tab: www.thefutureoftheweb.com/demo/2007-05-16-detect-b... - Kyleigh_Hills commented on July 4th 19 at 23:14
: PrntScrn intercept + Blur on lost Focus + right-click and drag-n-drop to turn off the images - would be problematic to get a picture of the standard methods) - samir39 commented on July 4th 19 at 23:17
: well, you can disable JS) but this is only for professionals
in some browsers and write
so a mere mortal scared - chelsea13 commented on July 4th 19 at 23:20
and img src to make others in the markup and load via JS ))) it's cut off ) - Kyleigh_Hills commented on July 4th 19 at 23:23
: well, you can have the plugin to write and become popular) - chelsea13 commented on July 4th 19 at 23:26
: ))))
The truth here is a screen capture software (Alt/Ctrl+)PrintScreen - still need to test the intercept taps on JS!
But there are also other (third-party) invaders screens with other hot-keys'AMI and screen recorder also available)
So it's not much popularitywith us)))) - Kyleigh_Hills commented on July 4th 19 at 23:29
: I use Snagit with another key combination (not PrintScreen) and I did not make any work zaskrinit page at the link above in the focus state. - kylee.Dickens commented on July 4th 19 at 23:32
: Yes... I also use same: ABBYY Screenshot Reader - Kyleigh_Hills commented on July 4th 19 at 23:35
: usually download not the picture on the website, and the larger its size - open it in a blank tab and already there to download
and the screen will give only pravuju poor quality - Donald_Colli commented on July 4th 19 at 23:38
friends, you naivety is funny. 1) picture download - disable JS, PrtSc 2) write userscript for chromium, which will cancel your any tricks. PrtSc 3) many ways that you can think of in response to your tricks. if the images are not worth the money - nobody will spend time and money on their defense. if they are what you are - and there are those who will spend their time trying to crack what you wrote. it has always been and always will be. - Kyleigh_Hills commented on July 4th 19 at 23:41
July 4th 19 at 23:07
There is no way, only the watermark.

Because any defense costs on selenium - just made a screenshot of the desired image and saved it.
: Also there is no way to encrypt data so that no one could read))
The question in respect of time spent on the encryption (E) and decryption (D), or in other words - the encryption.
If the amount of data is the length of the vector R from the center point coordinates, and X and Y axis is time (T) for encryption(ET) and decoding(DT), respectively (up - time cost of decoding), then the coefficient of the reliability of such an encryption algorithm would be: 1-cos(ET)/sin(DT) -> 1, but never reach absolute units.

And... Yes, about the watermark-I wanted to first say...
Therefore, watermark can be easily removed, too, through:
1. the surrounding/adjacent pixels
2. network+part of the same image (or similar images from the Internet) )))) - samir39 commented on July 4th 19 at 23:10
July 4th 19 at 23:09
Publish on the website the text of the license into the language of the country of the site and in accordance with the laws of the country of the site, where you write that the images can not be downloaded.

Find someone who downloaded - to make a claim or a lawsuit, as is customary in the country of the site.

If find download and illegal use of the downloaded images is not possible, then to defend against it makes no sense.
July 4th 19 at 23:11
it seems to me that someone who wants to download the picture, not stop and watermark. and all these ways to Bluray when focus is lost and the picture on the background/iframe - does not save you from inspect element.

the most competent answer gave Stas - post text a license for the use of pictures and if you find those picture uses no lawful claim to the court.
July 4th 19 at 23:13
You can use Canvas or Background. Or on the image to put invisible div, the code of which will be far away from the actual image(z-index).
PrnScr) - samir39 commented on July 4th 19 at 23:16
: the question was about the complication of downloading. - chelsea13 commented on July 4th 19 at 23:19
: "Canvas or Background Or over the image to put invisible div" + "the question was about the complication of downloading. "Is absurd! - Kyleigh_Hills commented on July 4th 19 at 23:22
Resource dev tools the image is still there. - samir39 commented on July 4th 19 at 23:25
July 4th 19 at 23:15
WaterMark, with this, that was almost the entire image is quite noticeable. If you place the "silently" around the bottom, just cut it and be at the picture show like it was. The ban context menu, download the pieces and build invisible on the user's screen, and the like with success is divided on the primitive "Ctrl+PrtScr" (screenshot), no matter how cunning it was. Way to display the image in its original form and to not steal just yet.
It is more feasible to protect with prohibition from copying to other sites using rules file ".htaccess" for Apache Referer and user: if a person entered the site through Google, another search engine or another page of your site, then show him a normal picture, but if trying to see her with some weird kind of resource, then immediately demonstrated the picture-the cover. Copy not save, but the extra load is not on the website will reduce.
July 4th 19 at 23:17
Only watermark on the images. I highly recommend not other ways (as I suggest, the flash, puzzle, etc.) it will affect SEO. For example someone made a screenshot of the pictures posted on your website according to search engines it will have unique content and "the authorship of the picture", you either do nothing or "alien" picture.
here I agree!
I suggest this:
Need a large picture of the maximum quality to do with watermarking, and a reduced copy is of poor quality (zabljurennuju slightly, for example) - WITHOUT watermark.
And reduced - laying as a normal IMG without any protection and then the search engine on the thumbnail will establish "authorship pictures" and unique content will be on the website with this thumbnail. - samir39 commented on July 4th 19 at 23:20
July 4th 19 at 23:19
There is no way. If you need to download the image, downloaded it anyway.
Why then spend the time to do this?
July 4th 19 at 23:21
Still have a way to display a picture on the canvas not completely, but for example in a line. During the second pass to display the image on the canvas in a line, but the second part. If you make a very fast change of the output of the two parts of the picture, then it will be solid, but when you try PrintScreen get only a distorted picture.
Here is an example https://www.patrick-wied.at/talks/image-protection...
Owners of mobile devices will tell you "thank you." The owners of slow mobile devices will tell you "thank you" twice. - samir39 commented on July 4th 19 at 23:24
It is the same flashing? Isn't it? - chelsea13 commented on July 4th 19 at 23:27
July 4th 19 at 23:23
I don't know how it is implemented, but there is an interesting way AirBnB.

There are two options for pictures:
1. no watermark -- https://a2.muscache.com/im/pictures/52149945/33130...
2. with watermarks -- https://a2.muscache.com/im/pictures/52149945/33130...

You can download both, but the first you can see (open) in browser only. There is an assumption that the file is just "spoil", or he is not JPEG: Error interpreting JPEG image file (Not a JPEG file: starts with 0x52 0x49).
Ah, I see: content-type:image/webp - samir39 commented on July 4th 19 at 23:26
: Just control watermark using get-variable.
1. For those crops the get parameters with watermarks...
2. For those who are not cuts - no...
Very strange logic from them...
If there is a link on the data type of the image, obviously, that no one will cut the link (everything after the? character) when parsing data. - chelsea13 commented on July 4th 19 at 23:29

Find more questions by tags ImagesJavaScript