Put plain and simple: the only way to protect your images from being downloaded or stolen off a web page is to not put them online in the first place. While I put this fact out there as blunt as possible, there are several techniques we can use to make website downloads and image theft much harder. Of course, image theft can be defined in a number of ways, and its definition - and hence measures (if any) taken to prevent it - will depend upon the individual.
There are many ways to protect images from being downloaded, ranging from modifying the image itself , to preventing webpages downloads, to being pro-active in finding unauthorized usage of images online. And while I discuss many common types of image protection, there are many others that I do not mention. A few of the techniques mentioned in this article are directed more towards web designers (these tips are marked with an *), but several can be used on photo sharing website's such as smugmug, flickr, pbase, and webshots.
Image theft is the unauthorized use of an image, photograph, drawing, or illustration. Well duh. Is it really that simple? Of course not. The hard part is that many people differ in the definition of 'unauthorized use'. Where one person may not care whether their photograph is downloaded from a web page and placed on another website without their knowledge, there are some that find this to be blatant copyright infringement.
The most common, and possibly strongest, image protection technique is to place a visual copyright watermark on the image. Image watermarks come in a range of styles: from a full copyright symbol across the image to simply small text in the corner of an image containing the copyright symbol, date, and name of the copyright holder. There is a trade off with watermark size: the larger the watermark the less likely one is to download or steal the image, but the larger the watermark the more of a visual distraction it becomes.
How to do it in Photoshop: Image watermarks are easy to create in Photoshop: make a new layer with the desired text, adjusting its size and location to best suit your needs. To type the copyright symbol � in text, you can type option+g (mac) or Ctrl+Alt+C (PC). Changing the blending mode and opacity for this layer can create a more artistic and less obstructive watermark: for example 'soft light' layer blending can create a nice opaque blend. It is possible to further customize the watermark by using layer blending options such as a dropped shadow and/or beveling.
Digimarc, a technology that can be integrated as a Photoshop plug-in, can also produce a digital watermark through the use of digital noise that is read by software. Despite the presence of a watermark however, its survival through image manipulations is not definite, and the lack of a visual symbol may not prevent image theft - only act as proof of copyright owner in case of theft.
Note: Of course an image watermark specifies a copyright directly in the image, but a copyright can also be clearly indicated in text near the image; including the date of copyright, the copyright holder's name, and your rights management (eg all rights reserved or a
creative commons type license). For those that manage their own webpage, a copyright notice deserves special attention on its own webpage, indicating the copyright and your policy on image downloads, usage, and theft
Protect any Image with some simple Codes
If you search on Google about this then you will find many Articles regarding this all. For websites those are not hosted on Blogger has many ways to protect images but on Blogger, we have only less ways and techniques. One of the best technique i mentioned above but you can also do something more. I discover some codes to protect Images on Blogger. Just paste any Image link below then copy codes generated in Textarea.
I hope this trick work properly in your site. But make sure first check this trick in your site as test. Because if you are using customizing Blogger Template having Auto Read More Script, then maybe this is the possibility that Image should not index by Auto Read More. This is the Bug. We are working on it. If you face this issue then leave a comment below with your site link. We will trying to fix it. There are also many other several ways to protect images. Try them too.
Disable Right Click on Images only
This is also a another useful and working trick to protect images. You can easily safe your images by putting some simple Codes. This trick is also discover by me. This is easy to use. Just put some codes with your Image Codes. Like:
<a href="YOUR_IMAGE_LINK"><img oncontextmenu="return false" src="YOUR_IMAGE_LINK"/></a>
Add Green Codes in Image Codes and remove Red Codes from Image Codes. Now you or not anyone can right click on it.
Disable Right Click with JavaScript
Another measure to prevent right clicks on images is to use JavaScript. These short scripts over-ride browser right clicks. Rather than recreate a script that has been widely published in various forms over the internet, I will leave it to the reader to search Google for JavaScript Disable Right Click. I will however mention that JavaScript is client-side, and scripts such as these can not only effect the usability of a website, but can also readily be disabled by turning JavaScript off.
<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
//More at: www.DesignDev.co.vu
///////////////////////////////////
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;
}
// -->
</script>
Prevent Search Engine Indexing:
Protecting images from search engine indexing can be accomplished in two ways. First, a META tag can prevent images from getting indexed, but allow the rest of the page to be found in searches:
<meta name="robots" content="noimageindex"></meta>
This meta information prevents search engine spyders (eg. robots) from indexing images only: this is in contrast to using the "noindex" or "nofollow" contents tags which are general commands that effect the entire webpage. The second method is to use a robot.txt file. This file, which should be a plain text file created with a simple text editor and placed in the root directory of a website, is inspected by search engine spyders the moment they arrive and is a method to tell spyders which directories or files on a website to NOT visit and NOT index. If you have a directory that contains all images for a website, this can be added to the file:
User-Agent:*
Disallow:/images/
Disallow:/image.jpg
The above example tells spyders or 'bots', designated by the asterisk, to disregard the directory /images/ and disregard the file /image.jpg. It should be noted that not all search engines honor these methods, and while major search engines such as google, yahoo, and msn honor them there will be other search engines that will not. Note: In the case of online photo sharing websites, flickr allows you to remove images from public searches: this is done within the Privacy and Permissions section of your account.
Note: This will disable your Site Images to Indexing on Search Engines.
Hope my this article helps you. If you are facing any issue then just leave a comment below.
Thanks.
![Index your Post on Google in 3 Second [Trick]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJRsjOgoyUXCey982sg0whyGge90TCUduP8QR6RZQhM_BKvlrC-3LEdDAmygoE_VDRa_qdUHKdy1IcVCcXk0o0gACeHlv_jcy6Kev_qg5xw3r_WJdoKRcJgFfLko3vWrHZLwgzpvRi_XQ/s72-c/google.png "Index your Post on Google in 3 Second [Trick]")
