I’ve got a new client, a Professional Photographer, who wants a web site to use as a portfolio site and generate some business. He is concerned (and rightly so) that if he publishes his best photos online they will be stolen.
The purpose of a portfolio site is to show off the art work and so the images ideally want to be large and full quality. Taking advantage of modern, large screen sizes the site and images would ideally be 1000px wide, giving any copyright infringers a good size image to copy.
There are plenty of methods to help protect your intellectual property but are any of them solid and not too impeding on appearance?
Restrict Resolution of Photos – if you reduce the size/resolution of the images on your website then anyone stealing the images can only take that resolution (or less) of the image. For this to work it is vital that you resize/crop the photo before uploading it, rather than using html to reduce the size. But to really show off a high quality photo it does need to be the full size of a screen.
When restricting the resolution of a photo, you can add a close-up of a small section of the photo to show it’s true quality.
Note: In the text above I have used the terms resolution and size interchangeably because web browsers only have one resolution, 72 dpi. If you reduce the resolution of an image and maintain it’s size (or increase its size without increasing the resolution) you end up with a blocky appearance, which looks terrible.

Full Resolution Image - 72dpi

Half Resolution - Effectively 36dpi

1 Quarter Resolution - Effectively 18dpi
Visible Watermark – this involves placing a translucent image (normally your Company logo) over the photo rendering it useless to most individuals intending to steal it. A watermark can be added to a photo manually using image editing software (ie Photoshop) or automatically by a PHP script incorporated into a CMS. The major downside of this method is that it ruins the appearance of the site. Also the photo may still be of use to the copyright infringer as they may be interested in a portion of the image not covered by the watermark. Also on certain images a watermark can be removed using image editing software (ie Photoshop).

Watermark Example
Often on a Photographer’s/Artist’s website elements of the site like nav-bars, text-boxes, copyright info etc. are placed over the image. Like the example below.

When this is the case, such elements such elements are place over the image using HTML and CSS. However the elements can be placed straight onto the image prior to uploading, either manually or automatically by use of a CMS, resulting in an image like the example below.

Doing this, prevents anyone from copying the image without the elements. Therefore this method places a watermark on the image without inhibiting the appearance of the site. But as you can see from the image above the best parts of the image are not covered by the watermark.
Invisible (Digital) Watermark - this method does not stop anybody from stealing your photos, but instead is a method of proving the image is yours. It is quite probable that if your photos are stolen and reused you would not know.
Stop Right Clicks on Site – the idea behind this method is to stop anyone from right clicking the image and selecting ‘copy image’ or ‘print image’. This can be done with some fairly basic JavaScript code. This method is essentially ineffective as there are other ways to steal the image such as print screen. It would have to be someone with very basic computer knowledge to not be able to work out a way around this method. Also this method stops anyone from using the other functions available from the menu. I recommend this method is not used.
Use of Flash to Display Images – Flash is a multimedia platform that allows you to incorporate animation, images, sound and interaction into a static website. When an image is viewed in a Flash movie, you cannot right click and copy the image. However the image displayed can be extracted using a screen dump. Therefore no more protection is afforded than stopping right clicks on a site. You can reduce the size of the image and allow the site visitor to zoom in and see the full detail of the image. Although a persistent copyright infringer could do a screen dump of each individual section of the zoomed image and piece them together using image editing software (ie Photoshop). Also there is software available that can be used to extract all the data from a Flash file (.swf) giving full access to your photos. Therefore the use of Flash is not an effective way of protecting your photos from copyright infringement.
Restrict Googlebot-Image – An easy method to find photos online, for anyone looking to steal copyright protected images is using Google’s vertical search for Images. You can stop Google from listing your photos on their image search result pages by adding the following code to your robots.txt file:
User-agent: Googlebot-Image
Disallow: /
Conclusion – At the moment there is no effective way of protecting photos that you publish on your website, unless you are willing to sacrifice the appearance of them. One consolation is that the law is on your side, there are numerous cases of copyright infringers settling out of court for reasonable sums of money. Adding a digital watermark may be valuable step if you need to prove the ownership of your photos.
If you allow the very real threat of copyright infringers to effect the quality of the images that you publish on your website you can lose out on business so it is a choice worth a lot of consideration.
I’m going to recommend that my client restricts the resolution of his images to that exactly necessary to be displayed online (approx 900px wide). Although this doesn’t stop individuals from steal his images at this resolution, the appearance of the site will not be hindered. I will also restrict the Googlebot-Image from crawling his photos. I will advise him to use some high-quality digital watermarking software. We will obviously display copyright information on the site, and will have to take the strict policy of prosecuting any copyright infringers.
I would be very interested in hearing from anyone who has had experience with intellectual property theft…