絶対に画像をダウンロード&スクレイピングさせないWebページを本気で作ってみた - blog.potproject.net

巷で話題になっているこの話題、画像をスクレイピングやダウンロードされたくないということで騒がれています。その話に関しては色々な意見があると思ってますがここでは置いておくとして・・・ 技術的にやるとしたら実際どれくらい対策できるの？ということが気になったので、自分の知識で出来る限り対策したものを作ってみることにしました。 最初に 賢い方はわかると思いますが、タイトルは釣りです。 絶対に画像をダウンロード&スクレイピングさせないページは存在しません。ソフトウェアにおいて絶対と言う言葉はまず存在しないのです。ブラウザで表示している以上、仕組みさえわかれば技術的には可能です。 そのため、 「元画像のダウンロードとスクレイピングを非常に困難にしたWebページを本気で作ってみた」 が実際のタイトルかなとなります。 とはいえ、この仕組みであれば大多数の人は機械的にスクレイピングすることを諦めるレベルの作

[hapilaki]

tableタグで1pxごとに背景色を使い分けて、ドット絵のように画像として表示させるのかと思いきや違った。

[sds-page]

どうしても保存したいならスクショ撮ってトリミングに一票

[Helfard]

てれって〜、画面写真〜！となるのでこの手の対策は方向性が間違ってると思う。

[uunfo]

canvasかー。でもデータとデコーダーが公開されてるならなんとでもなるからなあ。個人的にはタイルパズルみたいにぐちゃぐちゃにしたのをCSSで並び替えてるのが復元が面倒でやりたくなくなる。ウェブのkindle漫画がこれ

[tomaho]

ブラウザ拡張を使うと、復号化済みデータを受け渡すあらゆるポイント（今回で言うとCanvasAPIやBlob）をオーバーライドすることが可能なので、比較的簡単に突破できます。↓タイルパズルは本当に面倒ですよねー

[cpw]

こちらで突破してみました。https://qiita.com/jirokun/items/d48c23ae981a1d80918b

[otchy210]

canvas 描画と DevTools 禁止の合わせ技でも、javascript スキーマと canvas.toDataURL() でいけるっしょ！と思ったらそこも塞がれてて、すげーってなった。

[nekopunch222]

EvernoteでWebクリップしたら普通に右クリでダウンロードできた

[atsushieno]

よいな。自分だったらブラウザを実行しているOS上でスクショとってフォトショか何かでcopyright消すかな。（ウォーターマーク入れていても学習抑止にはならんだろうなという前提）

[lumpenproletariat]

釣りタイトル記事をホッテントリにいれるのは正直好きではない

[satoshihirai1]

よく勉強になりました。

[ishiduca]

すごい

[shidho]

開発者ツールで回避するのを防ぐのは"本気"にはやっぱり必要だよね。

[tackman]

使われてそうなAPIを予想してプロトタイプ汚染するやつ、懐かしのクライアント改変の味がして良い

[nisisinjuku]

画像はAAにするとかじゃないのかｗ

[yuzuk45]

スクショしてAIで伸ばせばダウンロード不要では

[pascal256]

reCAPTCHAあるしバッチによる大量取得は難しそう。必要性はさておきすばら。

[ardarim]

暗号と一緒で解けないことはないけど見合わないコストを要求することで事実上の対策にするってまあありがちではあるよね

[nakag0711]

コピープロテクトは何度でも蘇るさ

[lbtmplz]

amazonPrimeみたいな動画キャプチャーを禁止できるやつ入れれば最強なのでわ

[fut573]

視覚障害者への対応と画像DL対策を双方なんとかしてほしいと言われたので、独自フォント作ってカラー指定組み合わせて似たようなことをやったことがある。スクショは無理

[vanish_l2]

スクショでどうとでもなる悲しみ

[dameutsu]

付け焼き刃だけど画像データの末尾とかにパスとソルト付ければハードコーディングよりまし

[cateiru]

すごい

[nikkie-ftnext]

“複合”→復号

[asiamoth]

答え: スクショ。──で終わりなんだけど、たとえばChromeやEdgeでAmazonプライム・ビデオを再生するとスクショが撮れない。この仕組みは応用できないのかな？（詳しく調べる気なし）

[sisya]

自動でコピーライトが入っている(toDataURLで取ったデータにはウォーターマークが入る）という辺りは意義があるといったところか。電子書籍系で言うとbookwalker辺りがここまでやっている。他はそこまで対策していない。

[nabinno]

普通に `canvas.toDataURL()` で抜ける。

[six13]

ドメインを「六四天安門事件.com」にするのはどうか

[perl-o-pal]

保育園が撮影した写真の販売サイト、ctrl-altだとかwinキーだとかを検出して警告出してくるの。まあ、タイマーでスクリーンショット撮れるアプリには無力だけどな。

[adgjmptw4410]

一枚数GBある宇宙の写真とかあるよね。あれはある意味ダウンロードしたくないね

[anigoka]

お気持ち勢はITリテラシ0な上にROM専なので特に関係ないと思われる

[nzxx]

Seleniumとかを防ぐにはもうDRMを使うしかなさそう。reCaptchaがどれくらい強力かは分からないけど突破しようと思えばできる気がする

[tonza_dopeness]

気持ちはわかるけど不毛なんだよな。ヘッドレスChromeとウォーターマーク消すAIがあるから。画像が落とされる前提でビジネスを考えなきゃならないよね。

[Xray]

タイルパズルが面倒でだいぶやる気なくすと思う

[wdnsdy]

スクショ対策ができてないな

[ultimatebreak]

web漫画系はページの中身がバラバラに並び替えられてて直接ダウンロードされてもそのままじゃ読めないようにしていたけど、スクショという最も手軽な方法で突破されるのが悲しいよな…