I know the best way to protect image download is not putting it on internet in the first place.
I assume there is no 100% protection against image download and that if a user can see an image on internet he can with a bit of experience find access to download it.
I am aware of transparent .gif
or .png
covering the images or using background_image
CSS property to protect it and prevent right click download but are there
other ways to complicate image download and therefore prevent image download by most users?
Here is simple code to start with :
<img src="http://placekitten.com/600/450">
Use watermarks According to photographer Craig Mitchelldyer, “A watermark will help with identifying where the image came from, and could deter people from using or stealing an image without permission.” But he warns that it won't prevent an image from being stolen.
It's simple enough to get a copyright certificate: Traditionally, any photographer could always go to a site like copyright.gov to protect their images.
Another way to remove the "save image" context menu is to use some CSS. This also leaves the rest of the context-menu intact.
img { pointer-events: none; }
It makes all img
elements non-reactive to any mouse events such as dragging, hovering, clicking etc.
See spec for more info.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With