すべてのカテゴリ

画像のダウンロードを制限したいとお悩みの方へあるお客様から、「ホームページの画像にマウスを置くと、画像の右上にダウンロードボタンのようなマークが表示されてしまう」というご相談をいただきました。画像のダウンロードを避けたい場合、気になるアイコンですね。いただいたスクリーンショットを確認したところ、これはMicrosoft Edge特有の「ビジュアル検索」アイコンであることがわかりました。このカメラマークが表示されると気軽に画像ダウンロードできるため、ご協力を得て顔写真を提供いただいている場合などは特に、運営者にとっては気になる機能です。この記事では、このEdgeの「ビジュアル検索」アイコンを非表示にする方法について技術者向けにご案内します。ご依頼いただく方はこちらから↓画像がダウンロードされるのを防ぎたい場合Edgeの「ビジュアル検索」機能に限らず、サイトに掲載した画像がダウンロードされるのを防ぎたい場合、通常、以下の対策が考えられます。・右クリックを禁止する・見えないレイヤーを重ねるただし、これらの方法では、Edge特有の「ビジュアル検索」アイコンが表示されることへの解決にはなりません。ここでは、Edgeの「ビジュアル検索」アイコンを表示させないための対策に絞って解説します。Edgeのビジュアル検索アイコンを非表示にする方法方法1：画像を背景画像として設定する背景画像として画像を設定することで、Edgeの「ビジュアル検索」アイコンは表示されなくなります。CSSで背景画像を設定する方法は次のとおりです。css.element {    background-image: url(