Guide
2026年のfaviconサイズ:本当に必要なものだけ
faviconは20個も要りません。ブラウザ・スマホ・検索が実際に使う数少ないサイズと、1枚の画像から作る方法を解説します。

faviconの解説はよく20個のファイル一覧を渡してきます。実際には、数サイズで重要なブラウザ・スマホ・検索結果を網羅できます。これがそぎ落とした版です。
持っておくべきサイズ
- 16×16 と 32×32:定番のタブ・ブックマークアイコン。
- 180×180:Apple touch icon。iPhoneのホーム画面に保存されたとき用。
- 192×192 と 512×512:Android/PWAアイコンと、インストール案内の元。
サイズより大事なこと
faviconは極小で、細部は消えます。小さな文字入りのロゴ全体ではなく、1文字・記号・強い形など、シンプルで大胆な印にしましょう。16pxで試し、判別できなければ簡略化を。
1枚の画像から作る
手作業では作りません。高解像度の正方形画像(512px以上)から一括生成します。当サイトのfavicon生成ツールは、1回のアップロードで上記すべてのサイズを作り、サイトにすぐ使えます。処理はブラウザ内。
<link rel="icon"> と apple-touch-icon のタグを加えれば、タブ・ブックマーク・ホーム画面で洗練された見た目になります。