What can I do to protect the images I place on my site?

  • 1
  • 10
  • Question
  • Updated 6 months ago
  • Answered
  • (Edited)
Note: We want to provide a few common and useful snippets for your use, but our support department is not able to assist you with editing code. They can help you with code placement.

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. There are several different ways to do it in code, but here is the most efficient code we've found to disable the right-click menu. Place this code in the head section, under Page Settings > Advanced

oncontextmenu="return false" onselectstart="return false" ondragstart="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. 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 just about any image editing software.

Resize before uploading: Images on your site need to be downloaded to the visitors computer. If you are uploading high resolution images, it will slow down page loads. If you resize the images to a lower resolution, you can still have a good looking image that isn't as useful to the person that does manage to steal it. Sitebuilder will alert you if the image you are uploading is larger than necessary and offer to resize it to a more appropriate size.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.
Photo of Drew N

Drew N, Community Manager

  • 259,198 Points 100k badge 2x thumb

Posted 5 years ago

  • 1
  • 10
Photo of Lynn0013

Lynn0013

  • 542 Points 500 badge 2x thumb
There used to be a TM message if people tried to copy one of my web pages. It is no longer there. How do I prevent someone from copying a page? Is there a new code I can put in place?
Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
If it use to work, but no longer does, it's most likely due to changes in the actual web browser. It probably works on older versions but not newer versions.  If you are primarily trying to protect text it's very hard to do. You can try to place a transparent .gif image over the text so that if someone tries to right click it, they click the image instead, but anyone that is very computer savvy will still know how to get the text. It's as simple as viewing the source code for the web page.
Photo of Lynn0013

Lynn0013

  • 542 Points 500 badge 2x thumb
I guess this all can go down as evolution. Sometimes the "good old days" are better. I suppose even if there were codes, people can still take screen shots anyway so one way or another we are all vulnerable.  Thank you for trying to help.
Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
You are exactly right, it's as simple as taking a screenshot and pasting it into numerous types of OCR (optical character recognition) software and in seconds it's in an editable format.
Photo of Lynn0013

Lynn0013

  • 542 Points 500 badge 2x thumb

HEY I just tried the little snippet above and it works. When someone tries to right click it doesn't show any message but it shows nothing which is just as good

<body oncontextmenu="return false;">             That's what I used.

Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
That is great! We've had good luck with that one.  You may want to check it ever few weeks or months. As new browsers are released, it may or may not work.  Let us know if you have any more questions or concerns.
Photo of Keith5330

Keith5330

  • 572 Points 500 badge 2x thumb
This reply was created from a merged topic originally titled
How can I prevent copying of my website images?.


I am pretty sure when I initially set up my website with intuit that viewers could not copy my photos from the website. I see now that I am, and I would assume others are, able to right click and copy then paste images from my website. I don't like that. Is there a solution? Thanks.
Photo of Drew N

Drew N, Community Manager

  • 259,198 Points 100k badge 2x thumb
It is not perfect, but here are your options.

Drew
Photo of Ronald8383

Ronald8383

  • 92 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled
How can I copyright my Gallery?.


I want to keep my website visitors from copying and pasting my gallery photos elsewhere
Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
You'll find a few options on this page. 
Photo of Ronald8383

Ronald8383

  • 92 Points 75 badge 2x thumb
What page?
Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
This page. Just scroll up. 
This reply was created from a merged topic originally titled What can I do to keep pictures from being copied on my site by viewers?.
Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
Hi doubledeucekartingmedia7929,   Take a look at this page. It has several options which you can try. 
Photo of goflo0400

goflo0400

  • 232 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled is there a way to protect my content so ppl cant just right click and take my pho....

protect my content
Photo of charles6722

charles6722

  • 182 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled How do I make pictures can be opened larger but not be able to save them?.

Allow pictures to be opened in a viewer (what ever OS) but not allow them to be saved off?
Photo of Drew N

Drew N, Community Manager

  • 259,198 Points 100k badge 2x thumb
Use the photo gallery to get thumbnails of your images that can be clicked and enlarged
Photo of Lew9734

Lew9734

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled I+am+posting+a+picture+on+my+site+that+I+do+not+want+downloaded+by+viewers.++Can+....

www.menofmusic.org  This website contains a JPG picture of our group that was made by a professional studio.  Can I prevent people from downloading this image for their own use?
Photo of Lynn0250

Lynn0250

  • 0 Points
This reply was created from a merged topic originally titled Is there a way to make it so people can not save my pictures?.

I want to have my pictures on my website so people can not save them without permission
Photo of Sherri7225

Sherri7225

  • 32 Points
This reply was created from a merged topic originally titled can I make my photos where people can not copy them.

I want to know if there is a way I can keep people from copying the photos off of my web site
Photo of Drew N

Drew N, Community Manager

  • 259,198 Points 100k badge 2x thumb
There is no foolproof way, but here are some things that can help discourage it.
Photo of Spencer2281

Spencer2281

  • 114 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled right click protection.

how do I prevent right click downloading of my images