4Elements, Amsterdam, Holland

There are several ways to low-level protect your images.
But all who know a bit of html can always look in your source code.

- one way is using javascript to disable the right mouse function.
- an other way is to place all your images in a css background-image.

What I did was combining imgsizer with css background-image, but this case with a layer on top as watermark.

{exp:imgsizer:size src="{original}" height="xx" quality="85"}

<img src="watermark.png" "width="xx" height="xx" title="{title}" alt="{title}" style="background-image:url({sized}); width:{width}px; height:{height}px;"/>

{/exp:imgsizer:size}