🟧
faviconを何もなしにするには?
favicon(ファビコン)を「何もなし」にする方法はいくつかあります。
目的に応じて、以下の方法を使ってください。
<link rel="icon">
タグを削除する
1. HTMLの<head>
内にある
<link rel="icon" href="...">
などのファビコン関連タグをすべて削除します。
2. 明示的に空のfaviconを指定する
ブラウザによっては、ファビコンタグがないと自動で/favicon.ico
を探しに行くことがあります。
それを防ぐには、空のデータURIを指定します。
<link rel="icon" href="data:;base64,=">
これで、ファビコンが表示されなくなります。
3. 空のfavicon.icoファイルを用意する
どうしても/favicon.ico
を参照されてしまう場合は、
中身が空(1px透明画像など)のfavicon.icoをサーバーのルートに置く方法もあります。
おすすめ
- もっとも手軽なのは「ファビコン関連タグを削除」+「空のデータURIを指定」する方法です。
- これでほとんどのブラウザで「何も表示されない」状態にできます。
まとめ用サンプル
<!-- head内でファビコン関連タグをすべて削除し、下記を追加 -->
<link rel="icon" href="data:;base64,=">
これで「faviconを何もなし」にできます。
Discussion