How do I make a picture on my website, so people cannot save it or download it to their computer?
I would like to build a website for the alumni of our college, and would love to upload all of the pictures that I have available from the past, but I don’t want people to be able to download them or save them to their computers and have them floating all over the country. They are special property of the school! I know it can be done because I’ve stumbled upon a picture I couldn’t save, but I just don’t know how! Please let me know!
pretty much what bliss said, people can view source and still see and grab you images. or screenshot the page and crop it.
however, not everyone is savvy enough to do so. here is the coding you need to disable images.
<body oncontextmenu="return false;">
use the above as your <body> tag in the HTML.
use this to disable the image toolbar in IE
<meta http-equiv="imagetoolbar" content="no">
another way to do it, if i remember correctly, is (using CSS), place a absolutley positioned div container directly over the image, and use z-index to place it above. make the container transparent and it should prevent people from right clicking on the browser. with this method they would simply have to disable the stylesheet in the browser.
or, watermark the images. using photoshop or similar, create a logo which is semi-transparent that goes over the image and stamp it over them all. makes them unusable for others. here is an example:
http://www.bittbox.com/wp-content/uploads/2007/11/free_vector_istock.jpg
and lastly, to prevent hotlinking the images – have a look at this tutorial.
http://underscorebleach.net/jotsheet/2004/11/stop-image-hotlinking-tutorial-htaccess-apache
hope these are of help – it wont stop it totally, but it will stop a few people.
the only way, you would be able to do that, is if viewing the page source is disabled.
even if you disable right clicking or saving pictures from your site,
as long as people view the page source they can stil grab the pictures.
sorry to say
hope it helped
References :
Hello, first off the bad news. You can try almost any preventative measures but as long as someone is computer saavy this will be very easy to circumvent. There are numerous programs and concepts to capture images/videos. Such as screen shots using print screen, programs like Snapz Pro, add on’s that are for firefox called screen grab that will all take images off a web page.
The good news, you can prevent those that are not inclined to prevent them from right clicking. This uses javascript and will not let them click save image as. The code is as followed :
============================================================
Script: Basic No-Right-Click Script
Functions: Blocks right-click on mouse and shows alert box
Browsers: NS & IE 4.0 & later; degrades gracefully
Author: etLux
============================================================
Put the following script in the head of your page:
<script language="Javascript1.2">
// (C) 2003 CodeLifter.com
// Source: CodeLifter.com
// Do not remove this header
// Set the message for the alert box
am = "This function is disabled!";
// do not edit below this line
// ===========================
bV = parseInt(navigator.appVersion)
bNS = navigator.appName=="Netscape"
bIE = navigator.appName=="Microsoft Internet Explorer"
function nrc(e) {
if (bNS && e.which > 1){
alert(am)
return false
} else if (bIE && (event.button >1)) {
alert(am)
return false;
}
}
document.onmousedown = nrc;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
if (bNS && bV<5) window.onmousedown = nrc;
</script>
============================================================
This is not my code it was found at http://www.codelifter.com/main/javascript/norightclick1.html
Anyways, this will prevent them from right clicking but once again if you are computer smart, just disable javascript and you have full access once again. Your best bet is to watermark your pictures. This means putting a logo or copyright in very light opacity on the picture so if they do steal your pictures they will have to work in an editor like photoshop to get the watermark out.
I’ll be real with you, there has never been a picture or movie that i could not get, think more about watermarking than making their user experience a painful one.
Cheers
References :
pretty much what bliss said, people can view source and still see and grab you images. or screenshot the page and crop it.
however, not everyone is savvy enough to do so. here is the coding you need to disable images.
<body oncontextmenu="return false;">
use the above as your <body> tag in the HTML.
use this to disable the image toolbar in IE
<meta http-equiv="imagetoolbar" content="no">
another way to do it, if i remember correctly, is (using CSS), place a absolutley positioned div container directly over the image, and use z-index to place it above. make the container transparent and it should prevent people from right clicking on the browser. with this method they would simply have to disable the stylesheet in the browser.
or, watermark the images. using photoshop or similar, create a logo which is semi-transparent that goes over the image and stamp it over them all. makes them unusable for others. here is an example:
http://www.bittbox.com/wp-content/uploads/2007/11/free_vector_istock.jpg
and lastly, to prevent hotlinking the images – have a look at this tutorial.
http://underscorebleach.net/jotsheet/2004/11/stop-image-hotlinking-tutorial-htaccess-apache
hope these are of help – it wont stop it totally, but it will stop a few people.
References :
http://www.web-wise-wizard.com/javascript-tutorials/disable-right-click.html
decide if the tree moves swiftly in the wind
References :
Knowlegde
There’s no way to make it *absolutely* impossible, as someone can always do a screen print and then edit the screen print in an image editor and trim down the part that contains the image.
However, in Photoshop, for example, you can use an item called a "watermark" (or in some graphics editors, you can use other capabilities…) to set up an image so that someone can’t right-click and "Save Image As…"
References :