🟧

faviconを何もなしにするには?

に公開

favicon(ファビコン)を「何もなし」にする方法はいくつかあります。
目的に応じて、以下の方法を使ってください。


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