10 effective ways to reduce the hotlinking of images

&http://www.aliyun.com/zixun/aggregation/37954.html ">nbsp; Picture burglar: Is not want their own pictures to be used by others. Picture anti-theft chain: is not want their own pictures are used by others, and consumption of their own server traffic. Picture burglar is difficult, perfect picture burglar that is almost impossible. But there are still a lot of ways to reduce image theft, below are 10 kinds, choose one you like.

Hide Picture

Overwrite real picture with blank picture

This method makes it impossible for others to get the real picture unless you view the source code. You can take the real picture as a background image, and use a transparent picture to match the size and overlay the real picture.

For example:

<div id= "Image1" style= "Background-image:url (originalimage.jpg);" >
<img src= "Blank.gif" height= "250px" width= "300px" >
</div>

That way, when someone uses the right button to view or save a picture, it gets the transparent picture. Here are 2 JavaScript frameworks that can implement this kind of picture anti-theft chain method: Dwprotector for MooTools (http://davidwalsh.name/ Mootools-image-protector-dwprotector) Dwprotector for JQuery (http://davidwalsh.name/ Image-protector-plugin-for-jquery)

Auto Cut picture

Super Simple Image Tiles (http://supersimple.org/imagetiles/)

This is a very effective picture anti-theft chain method. It supports two scenarios: let the user download the cropped picture. Let the user download to the watermark image. When the user tries to download the picture, it will truncate or add watermark operation, but this method also has a great disadvantage: caused too much server request load, the overall performance of the site is not good you will have a lot of picture files

Use a picture with a watermark (pre-build)

Pre-add watermark is also an effective way to prevent the image stolen, even if others want to steal, at least for you free publicity for your site. But the downside: the picture will not be clear or beautiful (this is especially important for the site of the image display class, but it is this kind of website special especially picture anti-theft) can download and then crop watermark (of course, if you are kind to put the watermark in the middle of the picture or watermark there are pictures so 1/3 big guys, You don't have to worry about it. To manually add watermarks, you can use Photoshop,gimp, easy watermark and other software. You can also choose some of the following online image watermark tools: Picmarkr (Details) (http://parandroid.com/picmarkr-online-add-to-the-picture-watermarking-services/)