【CSSとHTML】画像の保存を禁止にするcssと右クリックを禁止にするhtml

　サイト運営するにあたって画像の保存を禁止にしたり、右クリックの使用を禁止にするコードについて紹介していきます。

導入するに当たって

　画像の保存を防ぐことが出来ます。また、後者の右クリックの禁止を入れ込んだ場合、サイト内の文章のコピーなども防ぐことが出来ます。

ただ一時的に過ぎず他サイトを使うことで貫通することが出来たり、スクショなどで画像の保存も可能です。つまりコピーなどのような操作が少しめんどうになるといった程度です。

サイトの画像を無断で悪用しようとしていたり、文章をコピーしようとしている人が、めんどくさいという理由であきらめてくれるのであればやる価値はあります(恐らくいる)。

　サイトが少し不自由になります。画像の保存が出来ないのは著作権などの理由からまだ良いとしても、右クリックに制限を描けるとWeb検索等も行いにくくなるので使いづらいです。

　これです。

img {
  pointer-events: none;
}

外観のから追加できます。カスタマイズからでokです。

　追加cssにペーストして保存すれば完了です。

これです。

<body oncontextmenu="alert('禁止です');return false;">

　このhtmlは文章中に入れるだけで大丈夫です。

　入れ方としては右上のオプションを押して(タテ向きの…ってやつです。)、コードエディターから文章中に入れて下さい。

htmlにある「禁止です」の文字を自由に変えることで右クリックを押した人に警告をすることも可能です。いらない場合はアラートのコードを消してもらえれば大丈夫です。

お疲れさまでした。