簡単なCSSを付け加えるだけでブログに貼り付けた画像をコピー不可にできるよ！！

コピー禁止イメージ

アナタのブログの画像をコピー不可に!?
簡単なCSSを加えるだけ!!

　ブログなどに画像を貼り付けたいけどコピーされて利用されるのは嫌という方もいらっしゃるんじゃないかと思います！？

　そんな方のために、画像に一言CSSを付け加えるだけでコピーが出来なくなる方法を書いて置こうと思います。

この画像はコピー可能です
コピー可能画像

　先ず、左の画像を右クリックしてメニューを表示させてみて下さい。

　メニューに『画像をコピー』と『名前を付けて画像を保存』という項目が表示され、コピーすることが可能です。

この画像はコピー不可です
コピー不可画像

　でも、右の画像を右クリックしてメニューを表示させてみて下さい。

　こちらのメニューにはコピーという表示は見られません・・・ただ、『名前を付けて保存』をクリックして、ページ全体のファイルをダウンロードして画像ファイルを開けば可能なのですが手間がかかりますよね。

　画像をアップする場合には、HTMLでWebページに画像を埋め込むためのタグ<img>の中にsrc属性で画像ファイルのURLを指定することにより画像が表示されるんです。

上記の様に書き込まれてる筈です。

　この中にCSSでstyle="pointer-events:none"と書き足せばコピー不可に出来るんです。

※ 因みに上記のコピー不可画像は

と入力しています。

　画像をコピーされるのが嫌な方は、アナタのブログの編集画面でHTMLを確認して試してみて下さいね。

ELLの足跡