画像コピー防止についての気休め

http://www.jigyousyoukei.co.jp/ホームページの画像を簡単にコピーされたくないと、ちょっと尋ねられたので、以下にメモしておきます。

右クリックを禁止する方法

1)Bodyに追加

<BODY oncontextmenu=”return false”>
2)JavaScriptがある
3)Flashをつかう
4)透明画像を重ね合わせる
■HTML
<div class=”sample”>
<span class=”guard”></span>
<IMG src=”http://www.xxx.xxx/image/xxx.jpg” alt=”保存できない画像” width=”200″ height=”100″>
</div>
■CSS
div.sample{
    position:relative;
    width:200px;
    height:100px;
}
span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(../image/spacer.gif);
}
■コメント
SPANはIMGの前
PSITION:RELATIVE;は必須
WIDTHとHEIGHTは画像のサイズに合わせる
spacer.gifは1ピクセルの透明な画像
ページのどこかに「著作権の都合上画像は保存できないようになっております」 などの注意書きを添えたほうが良い
テキストのコピー防止はソースをみれば可能だが同様のやり方でIMGをPにすればよい。

以上です。

中小企業診断士 山口亨

関連記事

  1. Contact Form 7だけで、reCAPTCHA v3のロゴを表…

  2. 支援先のパン屋さんが雑誌に掲載されました

  3. IS06にやはり致命的な欠陥か

  4. 経営力向上TOKYOプロジェクトのPRビデオ

  5. EasyWineの解像度が低く、ウィンドウがでかい

  6. ランプの魔人があなたの心を見通します

  7. XoopsでSSL

  8. ブログ移転してみました

PAGE TOP