ファビコンジェネレーター

ファビコン（お気に入りアイコン）は、ウェブサイトに関連付けられた小さなアイコンで、ブラウザのタブ、ブックマーク、履歴リスト、検索結果に表示されます。ファビコンは、ユーザーが多数開いているページの中からタブをすばやく識別して見つけるのに役立ちます。ファビコンがない場合、ブラウザは一般的なアイコンを表示するため、サイトを見つけにくくなり、プロフェッショナル性に欠けるように見えます。最新のブラウザは、小さな16×16のタブアイコンから、モバイルのホーム画面で使用されるより大きな192×192のアイコンまで、さまざまなコンテキストに対応するために複数のファビコンサイズをサポートしています。

ICOは、単一のファイルに複数のサイズを含めることができ、レガシーブラウザを含むすべてのブラウザでサポートされている従来のファビコン形式です。PNGファビコンは、より優れた圧縮と品質を提供しますが、サイズごとに個別のファイルが必要です。SVGファビコンはベクトルベースであるため、品質を損なうことなくあらゆるサイズに完全にスケーリングでき、ダークモードの適応などの機能もサポートしますが、ブラウザのサポートはまだ拡大中です。ほとんどの最新のウェブサイトでは、レガシーサポート用のICOファイルと、最新のブラウザ用のリンクタグを介して宣言されたPNGファイルを組み合わせて使用しています。

さまざまなプラットフォームやコンテキストで異なるファビコンサイズが必要です。クラシックな16×16はブラウザタブで使用され、32×32はタスクバーのショートカット、48×48はWindowsのサイトアイコン、180×180（apple-touch-icon）はiOSのホーム画面、192×192または512×512はAndroid PWAアイコンに使用されます。各サイズは特定の目的を果たします。大きなコンテキストで小さすぎるアイコンを使用するとぼやけた表示になり、小さなコンテキストで大きなアイコンを使用すると帯域幅が無駄になります。推奨されるすべてのサイズを提供することで、サイトがどこでもシャープに見えるようになります。