ウェブサイトのデザイン時に画像のダウンロードを防ぐことはできますか？

ウェブサイトで高品質のサンプル画像を提供したいが、画面からは表示できるがウェブサイトから保存できないため、ダウンロードから保護したいとします。

これを行う方法はありますか？

編集：これは私がする必要があることではありませんが、回答の1つの方法に従って、右クリックが無効になっているのをWebサイトで見て、興味を持っていました。

すべての意図と目的にとって、これはまったく不可能です。

• 右クリックを無効にすることはできますが、他のユーザーは（view-source:ChromeでURLに追加するか、ブラウザメニューを使用して）ページのソースコードを表示し、URLを見つけることができます。

• background-imageHTMLの代わりにCSSを使用できますが、<img>ユーザーは引き続きブラウザーのインスペクター（ほとんどのブラウザーではF12）を使用して、その要素のCSSプロパティを見つけることができます。

• うまくいくと思うクレイジーなものを設計することができますが、結局のところ、ユーザーはそれを表示するために何らかの方法でイメージをダウンロードする必要があります。ユーザーが画像を完全にダウンロードできない場合、そもそも画像を表示することさえできません。何をしても、ネットワークトラフィックモニターや、お気に入りのブラウザーの開発者ツールの[ネットワーク]タブを簡単に見ることができます。

ドアノブは正しいです。ユーザーが画像をダウンロードできないようにすることは不可能です。配置した安全装置はすべてバイパスできます。Right ClickJavaScriptを無効にする（または必要に応じてスクリプトを変更する）ことで、ブロックは簡単に阻止されます。

ただし、資産を保護するために他の方法を採用することもできます。透かしは、著作権で保護された画像を保護する1つの方法です。ストックフォトのウェブサイトを見て、その方法を確認してください。

たとえばiStockPhoto（上記）を使用すると、ユーザーはズームインして画像の詳細を表示できます。彼らの透かしは、ズームに合わせてスケーリングされます。それは人々が画像を分析できるほど控えめですが、窃盗を軽減するのに十分なほど目立ちます。

他の人が指摘したように、それは不可能です。右クリックを無効にする、CSSバックグラウンドやその他のスクリプトを使用するなどの一般的な方法は、かなり簡単に回避できます。ユーザーは単にあなたのウェブサイトのスクリーンショットを撮って、それから画像を切り抜くことができます。

画像に透かしを入れる方がはるかに効果的な方法だと思います。これは手動で（Photoshop、Gimpまたはその他のツールを使用して）、またはスクリプトを使用して自動的に行うことができます。最終的には、保護する画像の数とWebサイトの構築方法によって異なります。

PHP
これは、ユーザーがダウンロードする前に画像に透かしを入れることができる素敵な小さなPHPスクリプトです。http：//andrecatita.com/code-projects/php-automatic-image-watermark/

Joomla
NiceWatermarkは高度に設定可能なプラグインで、画像に透かしを自動的に追加します。

WordPress
Image-Watermarkを使用すると、アップロード中に画像に透かしを入れたり、既存の画像に透かしを入れたりできます。

表示する画像をユーザーが使用しにくいようにするには、画像を画像の小さなセクション/部分に分割します。

ページでは1つの画像のように見えますが、6つの部分に分割される場合があります。誰かがコピーを持っていると判断された場合、ダウンロードされたイメージを再結合することを止めることはできません。また、低速の接続では画像の読み込みが断片化したり、1つ以上のセクションが欠落したりする可能性があるため、見栄えがよくありません。

他の人はすでに、開発者が画像をコピーするのを止めることは不可能であると答えていますが、通常のユーザーにとってそれをはるかに困難にすることができます。

ここで私は他の答えを要約し、私が知っている他のオプションを追加しました。

1. 右クリックをブロック->画像を保存。

   • JavaScriptで右クリックをブロック
   • imgタグの代わりに、CSS背景プロパティを使用します。
   • 1x1の透明な画像を実際の画像の上に並べて表示すると、ユーザーが右クリックで保存すると透明な画像が表示されます。

2. 画像を複数の画像に分割して、開発ツールが画像を取得できないようにします（Nick J Adamsの回答より）。これを手動で行うのは非常に退屈な作業です。Nickはまた、一部のダウンロードに失敗するとダウンロードが遅くなる、画像が壊れるなどの欠点についても言及しています。

3. イメージスライドショーにFlashを使用して、スクリーンショットを防止します。私が知っているいくつかの写真Webサイトでは、Flashを使用して写真を紹介しています。ただし、フラッシュはモバイルでは機能しないことに注意してください。

4. ウォーターマークを使用して、スクリーンショットを防ぐこともできます。ここでは、画像へのアクセスをまったくブロックしていません。一部のライブラリーについては、Johanpwの回答を確認してください。

Doorknob、JohnB、johanpwのすべてに良い答えがあります。人々のhtmlとphpで見たもの、つまりリンク畳み込みを追加したかったのです。

基本的に、彼らが行うことは、コードからつなぎ合わせるのが難しいように画像またはビデオへのリンクを分割することです（それでも実行できますが、最もモチベーションの高いものをすべて阻止します）、または単に単一のリンクを複雑にします起源。（正直なところ、私はこの数週間でこれに気付いたばかりで、私はそれについてあまり知りません、それだけで私が誰かのサイトから画像を取得するのを難しくしました; Pしかしうまくいけば、これを経験した誰かがうまくいきます）

誰かがもっと知っていて、より良い説明をすることができれば、リンク畳み込みについてもっと知りたいと思います！

高解像度の画像を非表示にして安全にしていないWebサイトにアップロードしないでください。プロフェッショナルで信頼できるプリントオンデマンドサイトのように。

先に述べたように、視聴者がオンライン画像を取得できないようにすることは不可能です。私自身の方法は、それらに読みやすい名前を付け、私に宣伝するために世界中に送り出すことです。

次に、誰かがそれらを使用したい場合は、私に連絡して許可を求めることができます。