HTMLで画像保存を防ぐ方法

2024-02-13 23:08 HTML 画像 保存 
<script>
    document.addEventListener('contextmenu', event => event.preventDefault());
</script>

これにより、ユーザーが画像を右クリックして表示されるコンテキストメニューが無効化され、保存オプションが表示されなくなります。

<script>
    document.addEventListener('dragstart', event => event.preventDefault());
</script>

このコードにより、画像をドラッグして他の場所にドロップすることができなくなります。

  1. 透明な画像の使用: 透明な画像を使用することで、ユーザーが画像を右クリックして保存することを防ぐ方法もあります。透明な画像を作成し、以下のようにHTMLで使用します。
<img src="transparent.png" oncontextmenu="return false;">

透明な画像は実際の画像と同じ場所に配置されますが、ユーザーが右クリックすると保存オプションは表示されません。

これらの方法は、一般的なユーザーに対して画像の保存を防ぐための簡単な手段です。ただし、高度なユーザーや技術的に詳しいユーザーはこれらの制限を回避することができる可能性があることに留意してください。