ホームページ > ウェブフロントエンド > CSSチュートリアル > 私の画像をダウンロードされにくくするにはどうすればよいですか?

私の画像をダウンロードされにくくするにはどうすればよいですか?

Barbara Streisand
リリース: 2024-11-12 16:58:02
オリジナル
770 人が閲覧しました

How Can I Make It Harder For People to Download My Images?

画像のダウンロードを保護: 標準的な手法を超えて

画像のダウンロードを完全に防ぐことは不可能ですが、プロセスを複雑にするために講じることができる対策はいくつかあります。一般ユーザーが画像をダウンロードしないようにします。ここでは、透明なオーバーレイや CSS 背景画像以外の追加テクニックをいくつか紹介します。

コンテキスト メニュー オプションを削除

CSS を使用すると、「保存」ボタンを削除することで、ユーザーが画像を保存できないようにすることができます。右クリックのコンテキスト メニューから [画像] オプションを選択します。これにより、コンテキスト メニューの残りの部分にアクセスできるようになります。

img {
    pointer-events: none;
}
ログイン後にコピー

ドラッグ アンド ドロップを無効にする

もう 1 つのオプションは、画像のドラッグ アンド ドロップを無効にすることです。これにより、ユーザーは画像をデスクトップまたは他の場所にドラッグ アンド ドロップできなくなります。次の jQuery コードを使用してこれを行うことができます:

$(document).on('dragstart', 'img', function(e) {
  e.preventDefault();
});
ログイン後にコピー

画像 URL を非表示

ユーザーが画像の直接 URL を判断するのをより困難にするには、ページのソースコードからそれを非表示にすることができます。これは、サーバーサイド スクリプトまたはカスタム JavaScript 関数を使用して実現できます。

透かし画像

画像に透かしを追加すると、ユーザーが許可なく画像を使用するのを防ぐことができます。画像に目立つ透かしを重ね合わせると、不正使用に対する魅力が減ります。

コード サンプル:

<img src="http://placekitten.com/600/450" ondragstart="return false;" />
ログイン後にコピー

このコードは、ドラッグと画像のダウンロードを削除および防止します。

以上が私の画像をダウンロードされにくくするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート