ファビコン
Favorite Icon
ブラウザのタブやブックマークに表示される、ウェブサイト専用の小さなアイコンのこと
簡単に説明すると
ファビコンというのは、ウェブサイトを開いた時にブラウザのタブやブックマーク欄に表示される小さな画像のことだよ。 パソコンやスマートフォンで複数のタブを同時に開いている時に、どのタブがどのサイトかを見分ける目印として使われているんだ。 サイトを象徴するロゴマークなどが登録されていて、文字を読まなくても一目でサイトを判断する目印になっているんだよ。
名前のヒミツ
favicon(ファビコン)は、英語の「favorite icon(お気に入りアイコン)」を略した言葉なんだ。 インターネット初期のブラウザでお気に入りに登録した時に、サイト名の横に小さなアイコンが表示されたことが名前の由来だよ。
くわしく見てみよう!
ファビコンとは、ウェブサイトのシンボルマークとしてブラウザのタブやブックマークリストなどに表示される小さな画像データのことだよ。
インターネットを閲覧するブラウザで色々なサイトを開くと、タブの端っこにサイト独自のロゴマークが表示されるけれど、これがファビコンなんだ。
基本的には、ウェブサイトの管理者が特定の画像ファイルを用意して、サイトのプログラムの中に設定することで表示される仕組みになっているよ。
専用のアイコン用の画像ファイルだけでなく、一般的な画像ファイルを設定して表示させることもできるんだ。
なお、スマートフォンでウェブサイトをホーム画面に登録した時に表示される「ホーム画面アイコン」は、ブラウザ用のファビコンとは仕組みも設定方法も異なる別の技術なんだ。
ブラウザ表示用のファビコンがHTMLタグで画像を1枚指定するだけのシンプルな仕様であるのに対して、ホーム画面用のアイコンは、iOS向けの「apple-touch-icon」タグや、Android・PWA向けにアプリ名とアイコン画像を紐づける専用の設定ファイル(manifest.json)をそれぞれ個別に用意して設定する必要があるよ。
小さな画像1枚でサイトの印象を伝えられるファビコンは、ウェブサイトを作る時には必ず用意したい大切な要素の1つになっているんだよ。