How do stop people right clicking and saving images

  • 15
  • Question
  • Updated 4 years ago
  • Answered
How do stop people right clicking and saving images
Photo of Cheryl

Cheryl

  • 1 Post
  • 0 Reply Likes
  • Hopeful

Posted 10 years ago

  • 15
Photo of Kershnee1

Kershnee1

  • 20 Posts
  • 4 Reply Likes
Hi Cheryl,

Unfortunately, there is no guaranteed method to prevent people from getting your pictures since a user can easily press "Print Screen" and copy the image.

One possibility is adding a watermark on your photo using any image editor (eg. Photoshop).

Follow these steps to add a watermark with Photoshop:

* Open an image.
* Select the type tool and type the copyright symbol or any other text you want to use for a watermark.
* While you're still in the type tool dialog, click the color swatch, and set the color to 50% gray.
* Click OK to exit the type tool

Hope this helps...

Kershnee
Photo of Dave

Dave

  • 2 Posts
  • 0 Reply Likes
It is still possible to right click. All you have to do is disable javascript or control alt print central screen. Then you just copy it in to a word document then save the image and then open it with paint and crop it.
Photo of Christo

Christo

  • 95 Posts
  • 13 Reply Likes
Hi Cheryl

There are javascripts out there that can catch the mouse right click event and prevent the user from being able to right-click and download the images. However, any somewhat savvy user can easily by-pass these scripts, and they mess with the over-all usability of your website; and as such are not recommended. For a more detailed discussion of this topic see:
http://www.jamesshuggins.com/h/web1/h...

The good news however is that there are other ways to protect your pictures, and make sure that you get suitable credit where credit is due.

1.) Watermark the images:
This is the most effective way to ensure that another user cannot take your pictures and use them as their own - and what is better, if they do take the pictures and use them on their own website, they will effectively be advertising your work for you...for free :).

If you are selling your work; what many people do is provide low-resolution watermarked images on the site, with an order form for people to request the larger unmarked images.

2.) Publish your pictures under a license:
Creative commons provides an easy way for you to choose a license for your work.
Check out their license generator at:
http://creativecommons.org/license/

Finally, a good example of how you can protect your images is available here:
http://www.stockxpert.com/browse.phtm...

Note the use of watermarking and a license.
Photo of mred1220

mred1220

  • 59 Posts
  • 3 Reply Likes
If your still wanting the no right click script you can get it here
http://homeandhobbyhelpfulls.synthasi...
Photo of Lynn Pinto

Lynn Pinto

  • 4 Posts
  • 0 Reply Likes
Error parsing XML, line 2482, column 31: Open quote is expected for attribute "language" associated with an element type "script"..now mm getting this
Photo of autumn

autumn

  • 2 Posts
  • 1 Reply Like
I am trying to add a HTML that stops users from right clicking on my page and copying my items and pictures...but it is not allowing me to add it nor can i figure out how to work it... can you please assist me...im pulling my hair out trying to get this to work

This reply was created from a merged topic originally titled
Help with HTML plzzzzz.
Photo of Lynn Pinto

Lynn Pinto

  • 4 Posts
  • 0 Reply Likes
how to exactly paste it on blogger html?
Photo of Lynn Pinto

Lynn Pinto

  • 4 Posts
  • 0 Reply Likes
n where ??
Photo of Lynn Pinto

Lynn Pinto

  • 4 Posts
  • 0 Reply Likes
Error parsing XML, line 2482, column 31: Open quote is expected for attribute "language" associated with an element type "script".......m getting this..wat to do?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Lynn,

We are not able to assist you with implementing this code on Blogger. I suggest contacting Blogger for further assistance and suggestions on how to accomplish this.
Photo of Zamir Prod

Zamir Prod

  • 5 Posts
  • 0 Reply Likes
Answer: First create a DIV tag and give it a "Class" with a name.

Like this: < div class='div name' >< /div >

Next: Use CSS to add in your image. Also make your DIV same size of your image.

Like this:

< style>
div.div name {
float:left;
width:100px;
height:100px;
background-image:url('Add Your Image URL.JPG');
}
< /style >

That would keep users from using "Save Image As". Hope this helps. :)

Photo of Marcela

Marcela

  • 132 Posts
  • 0 Reply Likes
Fabulous! Just what I was after... Thanks UK Duke!
Photo of SilverX

SilverX

  • 492 Posts
  • 40 Reply Likes
Hi all,
there are some other methods to get your EXACT image without having to use the right click method.

1. File > Save as
save the entire page, and we can get the exact image inside of the folder that we saved.

2. Google.
Just put a image search using "site:example.com". Google will deliver all images found from your site.Then , click on an image. Google will open example.com with a frame. Just click "view full size". Look! Your image opens with ability to download.

3. Feeds
feedburner is a good method for those who need to scrap items from others. They will add your site as their feed, and then get all images as you update.

I think watermarking is a good method. Indiaglitz and santabanta have good watermarks. Spend some minutes adding watermarks to your images.

Alternatively/also you can add IPF data to your images.
"Irfan view" is the software that I use to all those stuff. Using irfan view, you can add IPF data such as copyright , taken date, camera model , etc to images. Also to add watermarks in bulk mode.

Hope these helps.

-----
Follow me
Photo of Mit Chauhan

Mit Chauhan

  • 1 Post
  • 0 Reply Likes
USE THIS SCRIPT .. IT WORKS IN ALL BROWSERS ..

script language=JavaScript
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="Sorry Guys .. I have Disable The Right Click :) ";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
/script
Photo of Jitenderpal Singh Bali

Jitenderpal Singh Bali

  • 1 Post
  • 1 Reply Like
Thanks for the script but its not working if the image opens into a new window. Then it is allowing me to right click and save the image. Could you tell me how to fix that.
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Please see the last post in this thread. As stated there, you can make it difficult but not impossible. We highly suggest watermarking your images to best protect yourself.
Photo of Zamir Prod

Zamir Prod

  • 5 Posts
  • 0 Reply Likes
It's easy...

Answer: First create a DIV tag and give it a "Class" with a name.

Like this: < div class='div name' >< /div >

Next: Use CSS to add in your image. Also make your DIV same size of your image.

Like this:

< style>
div.div name {
float:left;
width:100px;
height:100px;
background-image:url('Add Your Image URL.JPG');
}
< /style >

That would keep users from using "Save Image As". Hope this helps.

Photo of RebekkaL

RebekkaL

  • 1 Post
  • 0 Reply Likes
Please advise me as to how I can "protect" images that I post to my site - I want it to be impossible for the image to be downloaded or copied please.

This reply was created from a merged topic originally titled
Protection of intellectual property?.
Photo of Zamir Prod

Zamir Prod

  • 5 Posts
  • 0 Reply Likes
You can stop all users from right clicking and copying your image, but there is no foolproof way to stop the more savvy users from copying your images in other ways. The best thing to do is add your watermark on top of your images and/or make your images smaller for post. Good if they're clear enough to see, but not at their highest resolution.

I'm very savvy myself, an Artist and a Web Programmer... so I understand this matter from all angles!!! :)
(Edited)
Photo of mred1220

mred1220

  • 59 Posts
  • 3 Reply Likes
You can NOT make it impossible.

To put it short, whenever you visit a webpage, that content is already downloaded to a directory on your hard drive. You can only deter it with scripts and water marking. Anyone who wants something bad enough can dig it out of the source code.

If you are selling a non watermarked image or a file you would have to put it behind an add to cart setup or some such thing with the preview water marked.
I do not know specifically how that type of code works though, I've never used it and I'm not a web designer, maybe that will help.

Consider the fact that water-marking your images are
good advertisement for your site.

I did a how to on water marking here
http://homeandhobbyhelpfulls.yolasite...



Photo of tedra ortega

tedra ortega

  • 1 Post
  • 0 Reply Likes
if you use smugmug it can watermark it until purchased
Photo of Luke Noname

Luke Noname

  • 1 Post
  • 0 Reply Likes
Reply to Mit Chauhan,

That code does not work with OPERA Browser.
I could still 'right click' and save image.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Luke,

There really isn't a foolproof way to prevent downloading of images. The argument persists and new methods developed and within a very short time a crack evolves.

I would focus on using the protection of your copyright to the fullest and this is really easy. It's also easy to detect swiped files so after detection you can then communicate with the site that may have duplicated your image and request that they remove the image. The regulations are very supportive of copyright holders and the process for compliance is generally quite quick.
Photo of SilverX

SilverX

  • 492 Posts
  • 40 Reply Likes
If you show something on the web site, that means the user actually download it to the browser. they are just a single step away saving them before the browser clear its memory. So in simple words, you can't avoid users from saving images.

Only way you can save an image is not the right click icon. You can get it from firebug, File>Save, cache, etc. Or even a print-screen :)

Add exif data to the image and/or watermarks so they will at least remember where they took the photo.

adding an image as a css background image will prevent images from appearing in Google and the right click action. But they can still download the image from cache/css paths.
Photo of Jornes 佐诺斯

Jornes 佐诺斯

  • 71 Posts
  • 3 Reply Likes
There is no "Impossible" to download the images on your website or blog. As they can easily press on "Print Screen" and save into their computer.

The best way to protect your photo and other images is to do a watermark on all the images that you want to protect.

Regards,
Jornes
CMS Web Design
Photo of Joey Bailey

Joey Bailey

  • 1 Post
  • 0 Reply Likes
use a javascript to block right mouse click
here is the scrip
http://www.dynamicdrive.com/dynamicin...
Photo of Santosh Tiwary

Santosh Tiwary

  • 1 Post
  • 0 Reply Likes
Using simple javascript you can prevent right click and download. To view code visit
http://www.mybloggerstuff.com/
Photo of mred1220

mred1220

  • 59 Posts
  • 3 Reply Likes
FOR THE LAST TIME!!!!!!
YOU WILL NOT, ever be able to stop it, period!
You can only make it a pain in the ass with a java script no right click script
http://homeandhobbyhelpfulls.synthasi...

OR, Watermark your photos! Which advertises your site!!!!
http://homeandhobbyhelpfulls.synthasi...

The fact that a computer can even see the image in the first place means your machine has downloaded it to begin with!

Especially with Firefox, it's easy to view the media downloaded!
In Firefox goto Tools, Web developer, "page source" and dig it out of the code, or Tools, Page info then the media tab.

The 8th post states this from over 2yrs ago.
Photo of Jay J

Jay J

  • 2 Posts
  • 0 Reply Likes
Since I cant post html/java script without it integrating with the page
Script text is hosted at http://textuploader.com/kgoo

To see in use, visit my site http://upnorth-photo.blogspot.com
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
A simple screen capture will save the images to a user's computer. You simply can't prevent capturing images.
Photo of Jay J

Jay J

  • 2 Posts
  • 0 Reply Likes
Well it helps deter if only just a little bit :/
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
It may do so but it also can prevent other wanted features that may make your site more interesting to a user. It really isn't recommended for this reason as well.
Photo of Rahul Raj

Rahul Raj

  • 1 Post
  • 0 Reply Likes
There is a website called Tynt.com which offer a small piece of code, after putting it on your website it will build backlink with content thief. indialots
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
"exif" and metadata can be removed through many image processors simply saving it as another image type or even the same type but as a separate "save as". There are also "exif" scrubbers that will remove the data. The best way of finding a copied image is to use "Google Images" and this will locate copies if they have been indexed by the image robots.
Photo of grols

grols

  • 10 Posts
  • 1 Reply Like
You can add watermarks. Or translucent emblem or the name of your site.
Photo of Zamir Prod

Zamir Prod

  • 5 Posts
  • 0 Reply Likes
Answer: First create a DIV tag and give it a "Class" with a name.

Like this: < div class='div name' >< /div >

Next: Use CSS to add in your image. Also make your DIV same size of your image.

Like this:

< style>
div.div name {
float:left;
width:100px;
height:100px;
background-image:url('Add Your Image URL.JPG');
}
< /style >

That would keep users from using "Save Image As". Hope this helps. :)

Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
All you would then need to do is to take a screen shot, edit out what isn't wanted and you have the image. There's just no way around this.
Photo of Madhu Punna

Madhu Punna

  • 1 Post
  • 0 Reply Likes
$('img').bind('contextmenu', function(e){
    return false;
});


and


use this style sheet defiantly u won't get save image as.. option when u click right

img {  pointer-events: none;
}

  
Photo of Jornes 佐诺斯

Jornes 佐诺斯

  • 71 Posts
  • 3 Reply Likes
It's been couple of years since i've stopped Yola. But, I am still following the threads here. If you want to prevent people from copying your content or images on your website by right clicking, you can use this code as below:

/--- Css Code Begins ---/
html {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
/--- Css code ends ---/

By using this code, visitors unable to highlight the content on your website. And, add the below code to double secure the content on your website.

/--- javascript begins ---/
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
/--- javascript ends ---/

Hope this info helps to solve your problem.

Regards,
Jornes