本当にすべてのfaviconファイルが必要？それともfavicon.icoだけでいい？

faviconジェネレーターが十数個以上のファイルを書き出すのは、あなたがどの場面を気にかけているか知りようがないため、一度にすべてをカバーするからです。あらゆるブラウザ、iOS、Android、PWAのインストール、Windowsのタイル、その全部です。これは理にかなったデフォルトです。ファイルは非常に小さく、使わないものをいくつか配信しても、少し散らかる以外のコストはかかりません。

しかし、ファイルが多いことは、より良いfaviconを意味しません。より多くをカバーしているだけです。そのカバレッジに価値があるかどうかは、訪問者が実際にどの場面に到達するかに完全に依存します。そして多くのサイトにとって、それは短いリストなのです。

素朴なマーケティングサイト、ブログ、ドキュメントページなら、16、32、48ピクセル版を収めたfavicon.ico1つで本当に十分です。高密度ディスプレイでくっきりしたアイコンが欲しければSVGを追加すれば完成です。誰もあなたのブログをホーム画面にインストールしたりしないので、apple-touch-iconやマニフェストのアイコンは、使われないまま置かれることになります。

その48ピクセルのエントリは一石二鳥です。Googleが検索結果の横にfaviconを表示する前に求めるサイズでもあるため、良い.icoは検索での見え方もさりげなくカバーしてくれます。

追加のファイルは、それらが対応する場面を使い始めた瞬間に、任意ではなくなります。インストール可能なPWAは、マニフェストに192と512がなければ、そもそもインストールを提案すらしません。iPhoneのホーム画面に追加されるアプリは、apple-touch-iconがないと壊れて見えます。iOSがぼやけたスクリーンショットにフォールバックするからです。ダークモードに寄りかかった製品は、タブ列に対して消えてしまわないよう、テーマ対応のアイコンを必要とします。

そうしたサイトでは、「追加」のアイコンはまったく追加などではありません。ユーザーが実際に到達する場面で正しく見せる、唯一の手段なのです。カバレッジは、それが使われるまさにその場所で重要になります。それこそが、フルカバレッジを支持する論拠が本当に伝えようとしている点なのです。

私たちの見解：完全なセットを書き出すのは正しいデフォルトです。安全で、ほとんどコストがかからないからです。とはいえ、自分の場面に必要なものだけ（全員向けのfavicon.ico、加えてアプリやPWAがあるならapple-touch-iconとmanifest）を配信し、残りは罪悪感なく削除してかまいません。

役立つ考え方は、「faviconファイルはいくつ持つべきか」ではなく、「自分は実際にどの場面に現れるのか」です。それに答えれば、ファイルのリストはおのずと決まります。