画像の保存を禁止する方法とその回避方法 - Qiita

Webサイトによっては掲載する画像を保存できないようにしなければいけない時があります。 今回は画像がダウンロードできないようにするための対策とその回避方法を紹介します。 回避方法に関しては既存のサイトでも使えるかもしれないので、悪用厳禁です！ また、ここに載っている方法は回避可能なので他の方法を検討しなければいけません。 個々の内容は昔からあるテクニックなので何番煎じな内容ですが、まとめ記事として残しておきます。 TL;DR フロントエンド: 透明の画像を被せる フロントエンド: 右クリックを禁止する フロントエンド: ドラッグを禁止する バックエンド: 画像のURLから直接アクセスできないようにする 環境 フロントエンドはChromeで確認しています。 バックエンドはnginx、Node.jsで確認しています。 OSはmacOS 10.13で確認しています。 透明の画像を被せる 保存され

[slkby]

そもそも公開してるのに取得しちゃだめという要件自体が自己矛盾で破綻してるのです

[Fushihara]

画像をシャッフルした状態でクライアントに送信して、canvasで書くのが現状は一番ベター

[super-soul]

右クリ禁止と出会うと懐かしくほっこりした気持ちになれる

[shior718]

フツーの人がキャプ/スクショをSNSに流しちゃうこの時代にそれ言う？

[tmatsuu]

CSSスプライトを応用して、複数画像の寄せ集めで1つの画像を表示するってのはどうだろう。組み立てる手間を増やす作戦。

[cardboarder]

右クリックとかドラッグの禁止ってユーザビリティ・アクセシビリティ面でアウトなやつだからやりたくないんだけど著作権厳しい系はそれでもやれという…バックエンド側でなんとかならんかのー

[hiromichinomata]

“LINEマンガのように画像自体にスクランブルをかけてブラウザ側で再構成してあげる” そんなことやってるのか。処理が重い...

[kazyee]

完璧な方法はないので、時間がかかるようにするって空き巣対策と同じかな。

[lazex]

ここのでもcanvasでもdevtools使えたら画像保存簡単だからね。1px×1pxのdivを並べてそれぞれに背景画像指定＋独立して昔のTVみたいに切り替えるアニメーションを高速でやればスクショしても汚いのか一部欠けてるのになりそう

[kitokitoki]

“画像の保存を禁止する方法とその回避方法”

[solidstatesociety]

あとは画像をストライプ分割してめんどくさくしたり、Twitterみたいに拡張子変えて嫌がらせしたり

[rAdio]

スクリーンショットはまあ、印刷物のコピーと同じで元情報の劣化を伴うため、強力ではあるけど所詮は力技で、証跡用途くらいしか使えないよな、とは。やはりオリジナルデータこそ至高。

[zenito9970]

なんで画像の保存を禁止しなきゃいけない場面があんの(´･c_･`)？

[nakayuki805]

そう考えるとITスキル不要であらゆる回避策を突破するスクショって無敵だな webでスクショ回避するなら断片画像を高速で切り替えて残像で組み立てるとか？/canvasも複数重ねて一つの画像になるようにしたら難易度UPできる

[wordi]

canvasでもJavaScript使ってbase64エンコードすりゃダウンロード出来るんでどの方法もWebリテラシー低い人を弾く程度しか効果がない

[uzimith]

refer使うなら一回のみダウンロードできるワンタイムトークン発行するほうが強固そうだけどうまく行かない？

[indication]

開発ツールを開くのもブロックしないと。無意味だけど。リソースが許されるのなら動画で静止画だと思う

[ducky19999]

スクショ

[xxix29]

懐かしさを感じる話題だ。

[bluesura]

Amazonのkindleみたいにランダムにバラけさせるのか、スプライトするのか…最適なプラグインはないのだろうか…ぐぬぬ。

[kaipu1224]

Excel方眼紙ヨロシクCSSで細かいDiv作って描画とか（死

[honeybe]

懐かしの「右クリック禁止」 / ajaxでbase64文字列化した画像を分割取得してcanvasに流し込むとか？(迂遠/未検証