アップロードした画像を盗まれにくくする方法

(de Pixabay)

今回は、画像を選択禁止にしてみたり、右クリックを禁止にしたりする方法を１つずつまとめてみようと思います。なぜそのようなことをするかというと、私自身がグチャグチャにこんがらがってしまったからです。私の頭の中の整理という目的も兼ねて記載してみます。

ただ、私は「右クリックで“画像を保存”をさせないCSS」と「画像をドラッグで反転させないCSS」を適用しているのですが（後述）、それらを部分的に解除することができないので（泣）、その２つがデフォになっている前提でご覧ください。

①ただ単に画像を掲載した場合

（deフリー写真素材ぱくたそ）

まあコレは言及する必要もないですかね。何も細工をせずに『画像を挿入』などと操作すればこうなります。左クリックもできますし、右クリックで保存することもできます（先述のように当サイトにおいては保存と反転が出来なくなっていますが、一般的なサイトにある画像と同じという意味です）。

左クリックで『画像を開く 』…○
右クリックで『画像を保存』…○
反転…○
ドラッグで引っ張る…○

②画像リンクに付随しているリンクタグを削除する場合

<img>以外にくっ付いていたリンクタグを削除し、<img>だけにします。今回の例で言うと<a href=～>○○○</a>を削除し、<img～.jpg/>だけを記載します。これで左クリックすることができなくなりました。保存等は出来ます。

左クリックで『画像を開く 』…×
右クリックで『画像を保存』…○
反転…○
ドラッグで引っ張る…○


↓↓参考文献↓↓
やさしいブログの作り方

③右クリックでの保存を不可能にする場合

この１行をCSSに記載し、HTMLにはいつものように『画像を挿入』するだけで右クリックしても『画像を保存する』が出なくなります。②と併用することで左クリックも右クリックで保存もできなくなります。反転とドラッグは出来ます。

左クリックで『画像を開く 』…○
右クリックで『画像を保存』…×
反転…○
ドラッグで引っ張る…○

④反転を不可能にする場合

この１行をCSSに記載し、HTMLにはいつものように『画像を挿入』するだけで画像を反転させることができなくなります。

左クリックで『画像を開く 』…○
右クリックで『画像を保存』…○
反転…×
ドラッグで引っ張る…○

↓↓参考↓↓
SOFTELメモ

②＋③＋④

②③と併用すると左クリックも右クリックも反転もさせることができず、ドラッグで引っ張っていくことしかできなくなります。②＋③＋④がコレです↓試しに触ってみてください↓
左クリックで『画像を開く 』…×
右クリックで『画像を保存』…×
反転…×
ドラッグで引っ張る…○

⑤背景として設定する場合

画像を背景として表示してしまうと、通常の画面から何か操作することは全くできなくなります。左クリックも右クリックも反転もドラッグもできません。画像の盗用を抑止するには、特殊な技術を使わない限りこれが最も有効な手立てになるのではないでしょうか。なお、背景として扱われるのでサムネールにすらできません(つд⊂)

左クリックで『画像を開く 』…×
右クリックで『画像を保存』…×
反転…×
ドラッグで引っ張る…×


↓↓参考↓↓
龍野のシステム屋の気まぐれブログ


以上です。ただ、これらは気休めに過ぎないので、コピーされて困る画像はアップロードをしないことが大切ですね。