【ふぁびこん】
ファビコン とは？
最終更新:
💡 ブラウザのタブに表示される「サイトの顔」
ブラウザのタブやブックマークなどで、ウェブサイトを見分けるために表示される小さなアイコン画像。HTMLのlink要素で画像を指定でき、ブラウザが形式やサイズなどを考慮して表示する。
📌 このページのポイント
ひよこ ファビコンって何？
ひよこ どうやって設定するの？
ペンギン先生 ひよこ 指定しないと必ず地球儀になる？
ひよこ たくさんのサイズを用意しないといけない？
ペンギン先生 必要な表示先に合わせて選ぼう。タブ用なら小さく表示しても分かる形が大切で、細かな文字や模様は見えにくいね。ビットマップ画像のsizesには実際の画像サイズ、拡大縮小できるSVGにはanyを指定できるよ。
ひよこ スマホのホーム画面のアイコンも同じ？
ペンギン先生 タブのアイコンとは表示先や指定方法が違うことがあるよ。たとえばAppleのWeb Clip向けにはrel="apple-touch-icon"でPNGを指定する仕組みがある。タブ用の設定だけで、すべての端末のホーム画面や起動画面まで整うわけではないんだ。
まとめ：ざっくりこれだけ覚えればOK！
「ファビコン」って出てきたら「タブやブックマークでサイトを見分ける小さなアイコン」と思えばだいたいOK！
📖 おまけ：英語の意味
「Favorite Icon」 ＝ お気に入りアイコン
💬 Favorite（お気に入り）とIcon（アイコン）を合わせた名前。ブックマークなどでサイトの目印になる小さな画像だよ。