How to prevent images on your website from being stolen view

Picture anti-theft: is not want to own pictures to be used by others.

picture anti-theft chain: You don't want your own pictures to be used by others and consume your own server traffic.

Picture theft is difficult, perfect picture anti-theft that is almost impossible. But there are many ways to reduce image theft, here are 10 kinds, choose one you like it.

Hide Pictures

Overwrite a real picture with a blank image

This method can make it impossible for others to get a real picture unless you view the source code.

You can take the real picture asBackground Image, and use a transparent picture to match the size and overlay the actual image.

For example:

<div id= "Image1" style= "Background-image:url (originalimage.jpg);" >

</div>

That way, when someone uses the right button to view or save a picture, it's a transparent picture.

Here are 2 JavaScript frameworks that can implement thispicture anti-theft chainMethod:

Dwprotector for MooTools (Dwprotector for JQuery)

Automatically cut pictures

Super Simple Image Tiles

This is a very effectivepicture anti-theft chainMethod.

It supports two scenarios:

Let the user download to the cropped picture.

Lets the user download to is the watermark picture.

When the user tries to download the image, it will truncate or add a watermark operation, but this method also has a great disadvantage:

Cause too many server request loads that have a bad impact on the overall performance of the site

You will have a lot of picture files

Use a picture with a watermark (pre-generated)

Pre-Add a watermark to the image is also an effective way to prevent the image stolen, even if others want to steal, at least for your free publicity for your own website.

But here's the downside:

The picture will look unclear or not beautiful (this is particularly important for the image display category of the site, but it is the type of website especially picture anti-theft)

You can download and then crop the watermark (of course, if you are the kind that puts the watermark in the middle of the picture or the watermark has a picture so 1/3 big guy, don't worry about this problem)

To add watermarks manually, you can use Photoshop,gimp,Easy Watermarkand other software. You can also choose some of the following online image watermark tools:

Watermarktool

Use Watermarks (Server-SideGenerated

UseServer-SideAutomatically add a watermark to the picture, it is a matter of worry. Just need some scripting knowledge.

Here are some of the relatedscripting languageExample Scenarios for:

asido:php Image Processing Library
Asido is a PHP image processing library that can run on GD2, Magick Wand, and image Magick.

Here is a detailed description of Asido to add a watermark to a picture.

How to prevent images on your website from being stolen view