透明画像を上に乗せて右クリックやドラッグで画像を取ろうとしても透明画像が取られるだけで、目的の画像を守ることができます。
これも取ろうと思えば取られますが、すぐには仕組みが分からないので抑止には効果があると思います。

右クリックやドラッグで画像を取得しても、１ピクセルの透明画像が取れるだけで「あれっ？」ってことになりませんか？
取得ができないと「何かプロテクトしているな！！」って思いますが、画像自体取得できるわけなので、ある程度抑止になると思いませんか？
透明画像を上に乗せる方法

１．spacer.gif という 1px × 1px の透明画像を用意する
　　　（名前は何でも構いませんが、それらしい名前にした方がばれにくい）

２．画像を配置するところに通常通り配置する要領で透明画像を配置し、スタイルを適用させます。
　　　（クラス名は何でも構いませんが、ここではとりあえず img としています）
<%code%>
1.

<%/code%>

３．スタイルシートに本当に表示させたい画像を背景指定します。

1. #img{
2. width:400px;
3. height:300px;
4. background-image:url(../images/abc1.jpg);
5. background-repeat:no-repeat;
6. }

http://www.kanaya440.com/contents/tips/html/006.html