Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Protecting images from download WordPress

  • SOLVED

Hi Guys

I've created this site for a client and installed a plug in to stop visitors right clicking and saving the images from regular browsers....

http://catherinedawtreyphotography.com

However it does not protect them on an iPhone or iPad.

Does anyone know of a solution to protect images from being copied/downloaded/saved on mobile devices?

Thanks
Steve

2012-08-19 by Steve Watson

Answers (8)

2012-08-19

Manoj Raj answers:

Try adding this to your css

img { -webkit-touch-callout: none; }

Add the following to your htaccess

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^http://(www\.)?catherinedawtreyphotography.com/ [NC]
RewriteRule \.(jpe?g|gif|bmp|png)$ - [F,NC]

to protect downloading the file directly from the url...

Cheers,
Manoj.

Steve Watson comments:

Adding that to the css was perfect, thanks you

2012-08-19

Maor Barazany answers:

There is no way to protect images from download. One can just temporarily disable javascript and the use the right click again. More than that, anyone who really wants the image, may grab a screenshot of it and save it later.
To protect your mages add a watermark to them.

2012-08-19

Albert Shala answers:

Have you tried adding this to your css: -webkit-user-select: none;

2012-08-19

Daniel Yoen answers:

try : <div style="background-image:url('image.jpg');width:W-px;height:H-px"></div>

2012-08-19

Asad Iqbal answers:

Best way to protect image by giving annoying watermark onto the photo. Javascript is a way but not a full-proof idea. You may check the following links:

http://wordpress.org/extend/plugins/protect-content/

http://wordpress.org/extend/plugins/blog-content-protector/

http://www.pcdrome.com/blog-protector

http://wordpress.org/support/topic/disabling-right-clicking-on-site-to-prevent-picture-downloads

http://connectwww.com/3-best-wordpress-plugins-to-protect-your-blog-from-right-click-text-selection-image-dragging/1030/

http://www.momdot.com/howtoprotectyourwordpressphotosfromtheft

You may google but as I said nothing is full-proof.

2012-08-19

Dbranes answers:

You can watermark your images with plugins like:

http://wordpress.org/extend/plugins/watermark-my-image/
http://wordpress.org/extend/plugins/watermark-reloaded/

Hope this helps

2012-08-19

Sébastien | French WordpressDesigner answers:

<body onload="document.body.style.webkitTouchCallout='none';">

Sébastien | French WordpressDesigner comments:

example : [[LINK href="http://archiparmentier.com/test.htm"]]http://archiparmentier.com/test.htm[[/LINK]]

2012-08-19

Francisco Javier Carazo Gil answers:

Hi,

If the user see the image, you cannot avoid it to download. The best way maybe is adding a watermark, the user could download it but it has a watermark. Use low resolution images also, it would be faster and a good image in low resolution is not very useful.

If you want to protect image from hotlinking look at code in .htaccess that Manoj Raj has added.