2026年のfaviconサイズ: すべてをカバーする短いリスト
かつての助言は、20個のアイコンが入ったフォルダでした。そのほとんどは誰も使っていないデバイスを対象にしています。ここに、2026年のあらゆる現実的な表示面をカバーする短いリストを示します。
リストが短くなった理由
この10年間の肥大化したfaviconパックは、古いiOSバージョン、古いAndroidランチャー、Windowsタイルをカバーするために存在していました。それらの表示面はなくなったか、もはやタグを読まなくなりました。それらのためにアイコンを配信しても、それを消費するものが何もないままバイトとlinkタグが増えるだけです。
モダンなセットは、今も存在するものを対象にします: ブラウザのタブ、iOSのホーム画面、そしてmanifest経由のAndroidランチャーです。6つのファイル、そのうち1つは任意です。
本当に必要なサイズ
| サイズ | 用途 | 残す? |
|---|---|---|
| 16, 32, 48 | ブラウザのタブとブックマーク、favicon.ico内にまとめて格納 | 残す |
| 180x180 | iOSのホーム画面用のapple-touch-icon | 残す |
| 192x192 | Androidのランチャーアイコン、manifestに記載 | 残す |
| 512x512 | PWAのスプラッシュとインストールプロンプト、manifestに記載 | 残す |
| SVG | どのサイズでも鮮明なタブアイコン、ダークモードにも対応可能 | 任意 |
配信をやめるべきサイズ
| サイズ | かつての用途 | 残す? |
|---|---|---|
| 57, 60, 72, 76 | iOS 6や古いiPad向けのapple-touch-icon | 削除 |
| 114, 120, 144, 152 | 古いiPhoneやiPad向けのRetina apple-touch-icon | 削除 |
| 70, 150, 310 | browserconfig.xml経由のWindowsタイルアイコン | 削除 |
| 96, 160, 196 | 各種の古いAndroidやChromeのショートカットサイズ | 削除 |
apple-touch-iconの枚数について
かつてのパックは、初期のiOSが単一のアイコンをうまく拡大縮小できなかったため、すべてのRetinaサイズでapple-touch-iconを配信していました。現在のiOSは1つの180x180のPNGを受け取り、必要なあらゆるコンテキスト向けに縮小します。1つのファイルが、apple-icon-57からapple-icon-152までの階段全体を置き換えます。
Androidでも同じ話です。manifestは192と512を記載し、ランチャーが残りを導き出します。中間サイズを1つずつ手で作る必要はありません。
よくある質問
2026年にはどのfaviconサイズが必要ですか?
favicon.ico内の16、32、48、180x180のapple-touch-icon、manifest用の192x192と512x512のPNG、そして任意のSVGです。これでタブ、iOS、Androidをカバーできます。
apple-icon-57、72、114はまだ必要ですか?
いいえ。現在のiOSは1つの180x180のapple-touch-iconを受け取って拡大縮小します。Retinaサイズの階段は、今やほとんど誰も使っていないiOSバージョンを対象にしていました。
Windowsタイルアイコンを配信すべきですか?
いいえ。70、150、310のタイルサイズとbrowserconfig.xmlは、廃止されたWindowsのライブタイルを対象にしていました。削除しましょう。
1つのfavicon.icoに複数のサイズを収められますか?
はい。.icoフォーマットは16、32、48を1ファイルに収めるコンテナです。ブラウザはその中から必要なサイズを選びます。