ファビコンとは？
ファビコン（お気に入りアイコン）は、ブラウザのタブ、ブックマーク、アドレスバーに表示される小さなアイコンです。ユーザーがWebサイトをすばやく識別するのに役立ちます。最新のブラウザは従来のICO形式に加えてPNGファビコンもサポートし、多くのサイトでは異なるコンテキスト向けに複数サイズを提供しています。
推奨ファビコンサイズ
- 16x16：ブラウザタブアイコン（クラシックサイズ）。
- 32x32：タスクバーとWindowsショートカットアイコン。
- 48x48：Windowsサイトアイコン。
- 128x128：Chrome Web Storeアイコン。
- 256x256：高解像度ディスプレイアイコン。
よくある質問
ファビコンにはどの形式を使うべきですか？
PNGは広くサポートされており、最新のブラウザに推奨されます。最大限の互換性のために、32x32のPNGとマルチサイズのICOファイルの両方を含めましょう。SVGファビコンは登場していますがまだ普遍的にはサポートされていません。
ウェブサイトにファビコンを追加するには？
HTMLの<head>内に<link rel="icon" href="/favicon.png" type="image/png">タグを追加します。複数サイズの場合は、sizes属性付きの別々のlinkタグを追加します。