ファビコンに関するFAQ

ファビコンとは?

ファビコンは、ブラウザーのタブ、ブックマーク、履歴、および一部の検索結果で Web サイトを識別する小さな正方形の画像です。

簡単な定義

ファビコンはの略です お気に入りのアイコン。これは、ブラウザーが Web サイトに関連付け、スペースが限られている場合に視覚的なショートカットとして使用する小さな画像です。

ファビコンは、ページ ヘッダーに表示されるロゴを置き換えるものではありません。開いているタブ、保存されたブックマーク、ブラウザ履歴エントリの中から適切なサイトを見つけるのに役立ちます。

ファビコンが表示される場所

  • ブラウザタブのページタイトルの横
  • ブックマークやお気に入りに保存したページの横に
  • ブラウザ履歴やタブ検索で
  • 一部のオーガニック検索結果のほかに
  • サイトが必要なプラットフォーム アイコンを提供する場合のショートカット内

Web サイトがファビコンを設定する方法

通常、サイトではドキュメント内でアイコンを宣言します。 <head> リンク要素を使用します。ブラウザでも検索できます /favicon.ico アイコンリンクが存在しない場合はサイトルートにあります。

<link rel="icon" href="/favicon.ico" />

ほとんどのサイトは複数のファイルを公開しているため、ブラウザー、高密度画面、iOS ショートカット、インストールされている Web アプリは適切なサイズを選択できます。

ファビコンがうまく機能する理由

正方形のアートワークから始めて、小さなテキストや薄い部分を削除し、16x16 ピクセルと 32x32 ピクセルでテストします。通常、ロゴの文字、記号、または簡略化された部分は、完全なワードマークよりも縮小しても残ります。

さらに詳しいガイドについては、こちらをお読みください ファビコンとは (English)。また、ブラウザ向けの定義を確認することもできます。 MDNファビコン用語集.

ファビコンを作成しますか?

共通ファイルとすぐに貼り付けられる HTML スニペットを生成します。

生成ツールを開く