Guide

2026年のfaviconサイズ:本当に必要なものだけ

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

2026年のfaviconサイズ:本当に必要なものだけ

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 のタグを加えれば、タブ・ブックマーク・ホーム画面で洗練された見た目になります。

ShareXFacebookLinkedIn

← ブログに戻る