ファビコンサイズガイドあらゆるブラウザに対応するあらゆるサイズ — 2026年版
Complete favicon size reference for all browsers, Apple touch icons, PWA manifest icons, and Windows tiles. Get exact pixel dimensions for every context where your favicon appears.
すべてのファビコンサイズ
Browser Favicons
| 名前 | サイズ | 形式 | 目的 | 注記 | 生成する |
|---|---|---|---|---|---|
| Standard Favicon | 16 × 16 px | ICO / PNG | Browser address bar and default tabs | Minimum size; most browsers use this for address bar | 生成する |
| High-DPI Favicon | 32 × 32 px | ICO / PNG | Browser tab on high-DPI displays | Used by retina displays and Windows taskbar | 生成する |
| Windows Site Icon | 48 × 48 px | ICO | Windows taskbar shortcut icon | Include in .ico file alongside 16×16 and 32×32 | 生成する |
| SVG Favicon | 拡張可能 | SVG | Scalable favicon for modern browsers | Supported in Chrome 80+, Firefox 41+, Safari 17+ — scales to any size | 生成する |
Standard Favicon
ICO / PNG16 × 16 px
Browser address bar and default tabs
Minimum size; most browsers use this for address bar
ファビコンを生成するHigh-DPI Favicon
ICO / PNG32 × 32 px
Browser tab on high-DPI displays
Used by retina displays and Windows taskbar
ファビコンを生成するWindows Site Icon
ICO48 × 48 px
Windows taskbar shortcut icon
Include in .ico file alongside 16×16 and 32×32
ファビコンを生成するSVG Favicon
SVG拡張可能
Scalable favicon for modern browsers
Supported in Chrome 80+, Firefox 41+, Safari 17+ — scales to any size
ファビコンを生成するApple Touch Icons
| 名前 | サイズ | 形式 | 目的 | 注記 | 生成する |
|---|---|---|---|---|---|
| Apple Touch Icon (Universal) | 180 × 180 px | PNG | iOS / iPadOS home screen bookmark icon | Used by iPhone 6 Plus and newer; Apple scales it down for smaller devices | 生成する |
| Apple Touch Icon (iPad) | 152 × 152 px | PNG | iPad home screen bookmark icon | — | 生成する |
| Apple Touch Icon (iPhone @2x) | 120 × 120 px | PNG | iPhone home screen bookmark icon | — | 生成する |
Apple Touch Icon (Universal)
PNG180 × 180 px
iOS / iPadOS home screen bookmark icon
Used by iPhone 6 Plus and newer; Apple scales it down for smaller devices
ファビコンを生成するPWA Manifest Icons
| 名前 | サイズ | 形式 | 目的 | 注記 | 生成する |
|---|---|---|---|---|---|
| Android Chrome Icon | 192 × 192 px | PNG | Chrome for Android home screen icon | Minimum size required in web app manifest for Android installs | 生成する |
| PWA Splash / Store Icon | 512 × 512 px | PNG | PWA install prompt and splash screen | Required for Chrome PWA installability criteria | 生成する |
| Maskable Icon | 512 × 512 px | PNG | Android adaptive icon (fills the full canvas with safe zone) | Keep key content within the inner 80% safe zone circle | 生成する |
Android Chrome Icon
PNG192 × 192 px
Chrome for Android home screen icon
Minimum size required in web app manifest for Android installs
ファビコンを生成するPWA Splash / Store Icon
PNG512 × 512 px
PWA install prompt and splash screen
Required for Chrome PWA installability criteria
ファビコンを生成するMaskable Icon
PNG512 × 512 px
Android adaptive icon (fills the full canvas with safe zone)
Keep key content within the inner 80% safe zone circle
ファビコンを生成するWindows / Microsoft Tiles
| 名前 | サイズ | 形式 | 目的 | 注記 | 生成する |
|---|---|---|---|---|---|
| Windows Pinned Site Icon | 144 × 144 px | PNG | IE11 Windows tile | Used for Windows 8/10 pinned sites (legacy, still supported) | 生成する |
| Windows Small Tile | 70 × 70 px | PNG | Windows 10 Start Menu small tile | — | 生成する |
| Windows Medium Tile | 150 × 150 px | PNG | Windows 10 Start Menu medium tile | — | 生成する |
Windows Pinned Site Icon
PNG144 × 144 px
IE11 Windows tile
Used for Windows 8/10 pinned sites (legacy, still supported)
ファビコンを生成するファビコンのヒント
- 1Use an .ico file containing 16×16, 32×32, and 48×48 versions for maximum browser compatibility
- 2Always provide a 180×180 Apple Touch Icon — iOS uses it for home screen bookmarks
- 3Include both 192×192 and 512×512 PNG icons in your web app manifest for PWA support
- 4Use an SVG favicon for the best Retina quality on modern browsers with a PNG fallback for older ones
- 5Maskable icons should keep key content within the inner 80% of the image (safe zone)
- 6Avoid fine details at 16×16 — they disappear at that size; opt for a bold, simple mark
- 7Use a transparent background for PNG favicons so they adapt to light and dark browser chrome
ファビコンのサイズに関するよくある質問
ファビコンのサイズ、フォーマット、ブラウザのサポートに関するよくある質問
ファビコンセットを無料で作成
1つの画像から、必要なすべてのサイズのファビコン（ICO、PNG、Apple Touch Icon、PWAマニフェストアイコン）をワンクリックで作成できます。