Can I make it so that photos on my site cannot be downloaded or copied?

  • 0
  • 5
  • Question
  • Updated 6 years ago
  • Answered
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members.

I have a photography business and my images are copyrighted. Most photography sites I visit do not allow you to right click a photo, so, no saving or downloading their photos. Is there a way I can accomplish this with my Intuit site?
Photo of Jennifer7570

Jennifer7570

  • 242 Points 100 badge 2x thumb

Posted 7 years ago

  • 0
  • 5
Photo of James

James

  • 540 Points 500 badge 2x thumb
Official Response
Hello all,

Thank you for using the Homestead Community. This is a great question, and unfortunately, not an easy one to answer.

Protecting digital media (especially images) on the internet is next to impossible due to the nature of how the internet and webpages work. When someone views a webpage the web browser is downloading a copy of all the content of the page to the computer. So even if you go to great lengths to prevent them from taking an image from the website, the reality is they already have that image on their computer in the temporary internet files. On top of that, anyone can take a screenshot when viewing a website and get the image that way.

What you can do is make it more difficult for the average internet user to take the image. Most of these were mentioned by your fellow community members, but here are the most common ways our users do that:

Disable Right-Click: The right-click menu allows the viewer to easily save an image from the browser. It can be disabled by putting code on your website, but it will not prevent some browsers from being able to drag the image directly to the desktop, as JCBling mentioned. There are several different ways to do it in code, but here is the most efficient code I've found to disable the right-click menu: <body oncontextmenu="return false;">

Shrink Wrap Images: This is the technique of putting a transparent image on top of the image you are protecting so they cannot drag it or right click save since it will save the invisible transparent "shrink wrap" that is on top. Priscilla posted a good reference on how this is done in HTML, which could theoretically be used in Storefront code as well. In SiteBuilder you can do it easily without code by adding a border over the image since borders have a transparent center and are essentially like a picture frame with glass.

Add a Watermark: Adding a digital watermark does not make it more difficult to steal the image, but it is the best deterrent since they would have to use Photoshop or another image editor to remove the watermark. How efficient it is depends on the complexity of the image, the watermark placement on it, and how difficult it would be to remove. There are free websites online to add watermarks such as http://www.picmarkr.com or you could use any image editing software.

There are several other methods out there but like these the best they do is make images difficult to steal so a viewer might find an easier website to take images from.

I hope this helps.