ファビコンテスト: ホーム

このテストは ICO ファビコンファイルに含まれる画像サイズや <link> 要素の sizes 属性が、SVG ファビコンの読み込みや表示に与える影響を確認するためのものです。テスト一覧より各テストをさまざまな Web ブラウザで開いて、どちらのファビコンがブラウザのタブに表示されるかを見てみましょう。

ファビコンみほん

• … SVG ファビコン
• … ICO ファビコン

テスト一覧

1. マルチアイコン 16 + 32 + 48, 属性なし
2. マルチアイコン 16 + 32 + 48, 属性あり（全列挙）
3. マルチアイコン 16 + 32, 属性なし
4. マルチアイコン 16 + 32, 属性あり（全列挙）
5. マルチアイコン 16 + 48, 属性なし
6. マルチアイコン 16 + 48, 属性あり（全列挙）
7. マルチアイコン 32 + 48, 属性なし
8. マルチアイコン 32 + 48, 属性あり（全列挙）
9. シングルアイコン 16, 属性なし
10. シングルアイコン 16, 属性あり
11. シングルアイコン 32, 属性なし
12. シングルアイコン 32, 属性あり
13. シングルアイコン 48, 属性なし
14. シングルアイコン 48, 属性あり
15. ［追加テスト］マルチ 16 + 32 + 48, 属性あり（16 のみ）
16. ［追加テスト］マルチ 16 + 32 + 48, 属性あり（32 のみ）
17. ［追加テスト］マルチ 16 + 32 + 48, 属性あり（48 のみ）
18. ［番外編］未サポートのファイル形式が指定されている場合

注意事項など

• ICO ファビコンはテストごとに別のファイルですが、SVG ファビコンは（番外編を除く）すべてのテストページにおいて共通で、その内容は次のとおりです:

  ファイル名（パス）	/icons/favicon.svg
  sizes 属性	あり（any）
  ダークモード対応	あり ※ Safari は非対応

• どのページからも明示的には指定されていませんが、ドキュメントルートには 32x32 の favicon.ico および 180x180 の apple-touch-icon.png が置かれています。
• 並べて比較しやすいよう、各テストはすべて別タブで開くようにしてあります。またテストごとにひとつのタブを占有します（同じテストが複数のタブを開くことはない）。