Asked By
Butch Cheng
0 points
N/A
Posted on - 07/16/2011
Hello!
I have a site on blogger.com. It contains news and information also gathered from the internet.
These are just copy paste articles with credits (backlink) to the source page.
I have also my own articles and images.
I want those images protected and cannot be downloaded by my visitors.
How can I protect those images?
If you care to visit my blog, here is the URL.
How can I protect my image posted on my web site?
There are two ways I know how to protect your image. One is by using a java script to disable the right click function of a mouse. Another one is using a table.
-
Using a Java Script – The most common method that the surfers do when downloading or grabbing image on the internet is to right click on the image then select save as on the pop-up menu. There are Java Script available on the internet (if you do not know how to code it) from different authors where you can download it and embed it into your site. I just can’t paste the code here because of the copy-escape issue so you need to find it yourself.
-
Using Table – Instead of inserting your image into “<img></img>” tag, put it in the background of the table. First create a table in your page then on the table, set your image as the table’s background. Inside that table create another table with the size same as the size of your image. Then in this table insert a null image. You may create a null image by making a GIF image with transparent background. Be sure that the null image you have created is the same as the side of your original image. This will trick the browser that when the right click is executed, the null image will be the one where downloaded and not the image on the background which is visible because of the transparent or null image over it.
How can I protect my image posted on my web site?
Preventing the images from download is quite tricky because ultimately images could be grabbed by using a command of 'Print Screen'.
However here are some protections to make the copying more difficult.
1. Watermarks – It is quite effective and GIMP, PhotoShop etc could be used. However the disadvantages are the follows.
a. Image still could be cropped and downloaded.
b. If the original file is watermarked, there will be no other source file.
c. Image cannot be presented unobscured because of watermarks.
2. Auto slice – An easy way to install and very effective because the image is divided into slice and stills look like a whole. To the image which will be converted into tiles, add class 'protect'. The codes are the follows.
<img src = ""images/image4.jpg"" alt = ""Image 4"" class = ""protect"" />
3. Images hiding – The real image becomes untraceable unless source is checked. The method is to add a same size blank image covering original one. If visitors would right click, the downloaded image will be the transparent one.
The codes are follows.
<div id=""image4"" style="" image-background: url(Imageoriginal.jpg);"">
<img src=""blank.gif"" width=""400px"" height=""350px"" >
</div>
How can I protect my image posted on my web site?
Macromedia Flash has a .swf image replacement technique and this could be used on the website to prevent the download. The right-click becomes impossible because images are placed inside the file of Flash by using this technique. However, CSS properties and the styles of the images still remain.
