Favicon作成ツール
記事一覧に戻る

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

faviconサイズガイドApple Touch IconAndroid

はじめに

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

Favicon（ブラウザ用）

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

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

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

Apple Touch Icon

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

サイズデバイス
180x180iPhone（Retina）
152x152iPad（Retina）
120x120iPhone
76x76iPad

推奨: 180x180の1サイズを用意すれば、他のサイズはiOSが自動的にリサイズします。

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

Android / Chrome

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

サイズ用途
192x192ホーム画面アイコン
512x512スプラッシュ画面
36x36ldpi
48x48mdpi
72x72hdpi
96x96xhdpi
144x144xxhdpi

これらは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 のスタートメニューやタイル表示用：

サイズタイル名
70x70Small
150x150Medium
310x310Large

browserconfig.xmlで定義します。

Open Graph画像

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

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

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

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

まとめ

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

  1. favicon.ico（16+32+48のマルチサイズ）
  2. apple-touch-icon.png（180x180）
  3. android-chrome-192x192.png と 512x512.png
  4. og-image.png（1200x630）

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