How To Copy Protect
Images - The Best Methods Of Copy Protection For Images
After uploading you can set the
watermark type and message.
You can also email the new image
to anyone that you choose.
The Top Methods For Copy Protecting Images On
This method of using a Transparent Overlay to protect
images includes code to use at the bottom of the page:
The process of using a transparent overlay is good protection from
mouse saves, which is the most commonly used copy method. When a user
right clicks to save the image all they can save is the transparent
image which is uppermost in the image location. Yet the original image
is seen because it has been used as the background tile in a table cell.
The example to the left is comprised
of 3 components:
- a table set to hold all parts
- the main image as a background cell
- a clear image overlay
If anyone uses right click actions of
the mouse to save the image, all they
will get is a clear image.
The clear image used here is a 20 x 20
pixel clear GIF stretched to the size of
the main image.
The HTML code for this table set can be seen below:
Or if you prefer to use CSS styling for backgrounds:
A lot of image stock libraries use this method because they
want all browsers on all platforms to to view their catalogues.
Unfortunately such a trade-off does mean that they cannot effectively copy
protect anything, and all it takes to circumvent this technique is to
save the page and all of its contents... or take a screen shot.
Another easier to prepare technique also uses a transparent image, but
instead of just overlaying a single image, the clear gif is suspended
web master a lot of time in preparing each image/page but it will also
cut off any access to hyperlinks on the page, should they also be
The above mentioned methods for copy protecting images deal
with images that are displayed online, from a web page. These
methods are not suitable for images that you may want to send by
email or provide as a download. For example, if sending an image
to a client for their approval of your design, then the options
for protecting the image are reduced to: