Image Protecton on the Web

EXHIBITS

Évora

Member’s Exhibit

John Cody

Poster Session

Isabel Catalão

Sagres

Oceans

Lisbon

Scientific Illustration

Medical Illustration

Guild of Natural
Science Illustrators
GNSI 2000 Portugal: International Conference & Annual Meeting July 30 - August 07 2000 in Évora, Lisboa and Sagres, Portugal.

Web Site Sponsor:

Self-managed Portfolios
Searchable by Subject

HTML Table and Javascript Tricks

Slicing images up into little pieces and reassembling in a web table can also discourage casual theft.

Another trick is to use javascript to make your image viewable only when the mouse is clicked on a different image button, this will defeat casual copy methods.

Use an image as a background image in a table. The image can not be dragged or right-clicked to your hard disk.

Shortcomings:
-A sliced image can be reassembled in an imaging program.
-Javascript activated images may still be retrived from images caches or screen captured.
-Browsers without javascript enabled will not be able to see images called by javascript.
-Table Background image size must match table dimensions, and image won't print out for reference.

Slice your image into pieces and glue it back together with a html table for the web. This image was sliced up quickly with ImageReady, the new addition to the Photoshop software suite. Now a thief will have to copy each image piece and reassemble (slows them down a little).

The lines on this image are for demonstration purposes only and would not normally appear on the image

To view the large image, place your mouse on the button below. Now try to copy the large image to your hard drive!

It is easy to get around this Javascript trick, if you know what to do, but many people don't know.

A really cool trick which may be your best solution. Make a single cell table. Set the table dimensions to exactly equal your image dimensions. Apply the image as a "background" image. Voila! Right-click function is disabled!

Here is the source code:
<table border="0" height="###" width="###" bgcolor="#ffffff">
<tr>
<td background="ImageName"> </td>
</tr>
</table>

File Format and Compression >