Favicon Size Guide 2026
TL;DR
The favicon sizes you need in 2026 are: 16×16 and 32×32 PNG (browser tabs), 48×48 (Windows), 180×180 (Apple touch icon), 192×192 and 512×512 (Android and PWA), plus a multi-resolution ICO. Generate them all at once with our free favicon generator.
There is no single "correct" favicon size, because every platform requests a different one. This guide lists the exact pixel dimensions used in 2026, so you can ship a set that looks sharp everywhere.
Favicon sizes by platform
| Size | Platform / use | Format | Typical file name |
|---|---|---|---|
| 16 × 16 | Browser tab, bookmarks, legacy favicon | ICO or PNG | favicon.ico, favicon-16x16.png |
| 32 × 32 | Browser tab and taskbar (high-DPI) | PNG | favicon-32x32.png |
| 48 × 48 | Windows shortcuts, start menu | ICO or PNG | favicon.ico, favicon-48x48.png |
| 180 × 180 | iOS home screen (Apple touch icon) | PNG | apple-touch-icon.png |
| 192 × 192 | Android Chrome, PWA | PNG | android-chrome-192x192.png |
| 512 × 512 | PWA install, store listing | PNG | android-chrome-512x512.png |
| 270 × 270 | Windows live tile | PNG | favicon-270x270.png |
| 70 × 70 / 150 × 150 | Windows tile (small / medium) | PNG | mstile-70x70.png, mstile-150x150.png |
| 310 × 310 / 310 × 150 | Windows tile (large / wide) | PNG | mstile-310x310.png, mstile-310x150.png |
Why there are so many sizes
Favicons are used at wildly different display sizes — 16 pixels in a tab, about 60 pixels in a bookmark bar, 180 on an iPhone, and up to 512 for a PWA icon. If you only provide one small PNG, high-DPI screens and mobile platforms upscale it and it looks blurry. Providing each size lets every platform pick a sharp source.
In 2026, high-DPI displays with 2× and 3× pixel ratios are the norm, which is why even the 16×16 tab slot benefits from a 32×32 source.
How many files do you really need?
The full set above is ideal, but the practical minimum depends on your goals:
- Personal blog: favicon.ico + favicon-32x32.png is plenty. Browsers find favicon.ico automatically.
- Business site: add the 180×180 Apple touch icon so "Add to Home Screen" looks professional on iOS.
- Web app / PWA: add site.webmanifest with 192×192 and 512×512 icons, plus the Windows tile files.
Best practices for favicon files in 2026
- Use PNG, not JPG. JPG has no transparency and compresses badly at 16×16.
- Keep a small margin. Many platforms mask or round corners; about 8–12% padding looks safest.
- Prefer ICO for legacy, PNG for modern. Link both, with the ICO first.
- Add an SVG favicon. Chrome, Firefox, Edge and Safari all support
<link rel="icon" type="image/svg+xml" href="/icon.svg">for perfectly crisp scaling — but keep PNG/ICO fallbacks. - Cache-bust after updates. Append
?v=2to the link when you change your icon, or expect stale favicons for days.
What is an apple-touch-icon?
The apple-touch-icon is the 180×180 PNG that iOS uses when a visitor adds your site to their home screen. Apple ignores favicon.ico and the small PNGs. It should be a full-bleed square with no transparency, because iOS applies its own rounded-corner mask.
What are 192×192 and 512×512 for?
Android Chrome and Progressive Web Apps read these from your site.webmanifest. The 192×192 icon is used in the app launcher and shortcuts; the 512×512 icon is the minimum size required for a PWA to be installable and appear in store listings.
For the differences between the two main container formats, see ICO vs PNG Favicons. If your icon won't show up, start with Why Is My Favicon Not Showing?.