画像のダウンロードを禁止する

右クリックを禁止する

右クリックは、contextmenuイベントで捕捉することができます。

コンテキストメニューが出ないようブラウザのデフォルトの動作を中止させます。

$('img').on('contextmenu', function(e) {
    e.preventDefault();
});

関数内にalertを書けば、右クリック時に警告を出すこともできます。

透過画像を重ねる

右クリックを禁止しても、画像をデスクトップにドラッグ&ドロップされてしまえば意味がありません。

保護対象の画像と同じ大きさの透過画像を、position:absoluteで重ねます.

開発者ツールを起動させない

キーを押下したときに、F12のキーコードを取得します。

キー押下は、keydownイベントで捕捉することができます。

$(document).on('keydown',function(e){
    var keyCode =  e.keyCode;
    if(keyCode == 123) {
        e.preventDefault();
    }
});