ファビコンのサイズ一覧 2026年版｜全プラットフォーム完全対応ガイド

はじめに

Webサイトやアプリのアイコンは、プラットフォームごとに異なるサイズが必要です。この記事では、2026年現在で必要な全サイズを網羅的に解説します。

Favicon（ブラウザ用）

ブラウザで使用されるfaviconのサイズは以下の通りです：

サイズ	用途	優先度
16x16	ブラウザタブ	必須
32x32	タスクバー、新しいタブページ	必須
48x48	デスクトップショートカット	推奨
64x64	高DPIタスクバー	任意

推奨: 16x16、32x32、48x48の3サイズを1つのICOファイルにまとめるのがベストです。

Apple Touch Icon

iOSデバイスのホーム画面に追加される際に使用されます：

サイズ	デバイス
180x180	iPhone（Retina）
152x152	iPad（Retina）
120x120	iPhone
76x76	iPad

推奨: 180x180の1サイズを用意すれば、他のサイズはiOSが自動的にリサイズします。HTMLの <head> 内に以下を追加します。

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Apple Touch Iconの設定方法やデザインのコツについては、以下の記事で詳しく解説しています。

Android / Chrome

PWA（Progressive Web App）やAndroidのホーム画面用：

サイズ	用途
192x192	ホーム画面アイコン
512x512	スプラッシュ画面
36x36	ldpi
48x48	mdpi
72x72	hdpi
96x96	xhdpi
144x144	xxhdpi

これらはsite.webmanifestファイルで定義します：

{
  "icons": [
    { "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
  ]
}

Microsoft Tile

Windows のスタートメニューやタイル表示用：

サイズ	タイル名
70x70	Small
150x150	Medium
310x310	Large

browserconfig.xmlで定義します。

Open Graph画像

SNSでシェアされた際のサムネイル画像：

サイズ	プラットフォーム
1200x630	Facebook, Twitter, LinkedIn
1200x675	Twitter大画像カード

簡単に全サイズを生成するには

これだけのサイズを1つずつ作成するのは大変です。当サイトのアプリアイコン一括生成ツールを使えば、1枚の画像から全プラットフォームのアイコンをZIPファイルでまとめてダウンロードできます。HTMLスニペットやマニフェストファイルも自動生成されます。

アプリアイコン一括生成全プラットフォーム対応のアイコンをZIPで一括ダウンロード

まとめ

最低限必要なのは以下の組み合わせです：

favicon.ico（16+32+48のマルチサイズ）

apple-touch-icon.png（180x180）
android-chrome-192x192.png と 512x512.png
og-image.png（1200x630）

この4種類を用意すれば、主要なプラットフォームのほとんどをカバーできます。

サイズ不足が原因でファビコンがぼやける場合の対処法はこちら。