画像のURLを入力しても表示されないようにしたい

前提

ワードプレスでサイトを作っております。

CSSで

css
1pointer-events: none;
2    -webkit-touch-callout: none;
3    -webkit-user-select: none;
4    -moz-touch-callout: none;
5    -moz-user-select: none;
6    touch-callout: none;
7    -ms-user-select: none;
8    user-select: none;

として画像を保存できないようにしました。

発生している問題・エラーメッセージ

しかし、ソースコードの画像の部分（例　https://o.imgz.jp/pc/cms/homebanner/805c8eb5139a4912b42457ad17c50591.jpg）
画像が保存されているURL
にアクセスすると画像が保存できるようになっております。

実現したいこと

画像のURLに直接アクセスできないようにするか
画像を保存できないようにしたいです。

また、可能であればスクショも禁止にしたいです。

試したこと

https://mori.moripower.jp/eqwip/3499.html
↑上記を試したところサイトの画像が表示されなくなった

行動規範の内容に同意します

回答2件

ベストアンサー

画像は画面に添付されているものではなく、HTMLから「リンク」されているわけですから、有効なURLになっている必要があります（そのためHTML本体とは別のローディング処理が行われています）。

できることと言うと、ログイン機能を有して会員以外はログイン画面しかアクセスできないようにするくらいでしょうか。それでもimage.php?no=1にアクセスしたら1.jpgを表示するようなプログラム経由で画像を持ってくるか、画像の実態をDBに保存しておくようなやり方が関の山です。（画像そのものは隠蔽できない）
JavaScriptによるスクリーンショット対策が有効なのもあくまでそのウィンドウがアクティブな時だけで、別ウィンドウをアクティブにした状態なら働かないので実質効果なしです。

「ブラウザでアクセス可能なものは基本的に見られるもの（ダウンロードできるもの）」と思ってください。
HTML,CSS,JavaScriptのソースコードも同様です。

実際にキャッシュはクライアントにダウンロードされて利用されるから高速なわけですしね。

投稿2022/12/26 07:04

編集2022/12/26 07:05

m.ts10806

総合スコア80850

mumu1354

2022/12/26 08:58

ブラウザでアクセス可能なものは基本的に見られるもの（ダウンロードできるもの）と思ってください。＞承知しました。今回質問したサイトBasic認証をかけていたため、このような質問をさせていただきました。会員サイトも流出するリスクはつきものなんですね。

m.ts10806

2022/12/27 00:46

「流出」と考えるのが間違いに思います。 Web上に出ているからには「公開」されているものなので、ユーザの目に見えているものはサービス運営から「提供」されているものということになります。素材配布や写真配布サイトは「購入」という手続きを経ることで「公開」されるようになっているだけで、サーバーサイドで表示フラグを切り替えているだけに過ぎません。

mumu1354

2022/12/27 08:41

たしかに「流出」と考えるのが間違いですね。承知しました。ありがとうございました。

行動規範の内容に同意します