Favicon Sizes Explained: All 14 Formats Modern Sites Need (and Where Each One Shows Up)
Why does a website need 14 different favicon sizes? A developer's guide to every favicon format browsers, iOS, Android, Windows, and PWA actually consume — what each size is for, and how to generate the full set without hand-resizing.
Your website doesn't need a favicon. It needs fourteen of them.
16×16 for browser tabs. 32×32 for high-DPI displays. 48×48 for Windows shortcuts. 64×64 for desktop bookmarks. 96×96 for Google TV. 128×128 for the Chrome Web Store. 144×144 for Windows 8 tiles. 152×152 for older iPads. 167×167 for iPad Pro. 180×180 for iPhones. 192×192 and 512×512 for Android home screens and PWA installs. Plus a multi-resolution ICO file for legacy browsers.
This guide explains why each size exists, where each one actually shows up, and how to generate the full set in one shot. (If you're here for the tool itself, skip the explainer and use the Favicon Multi-Format Generator — drop in one image, get all 14 sizes plus the ICO.)
Most developers:
- Create one favicon at 32x32.
- Hope it works everywhere.
- Realize it doesn't.
- Manually create 14 different sizes.
- Spend hours on something that should take seconds.
Why Manual Favicon Creation Fails
Manual creation:
- Takes 1-2 hours to create all sizes.
- Requires design software and knowledge of all platform requirements.
- Easy to miss a size or format.
- ICO files are complex to create manually.
You're spending time on busywork instead of building features.
The Automated Solution
Instead of manual creation, use an automated tool.
Tool: Favicon Multi Format Generator
This tool generates all 14 sizes plus ICO from a single image.
Example: Generate complete favicon package from a 512x512 source
- Upload your source image (512x512 or larger recommended).
- The tool automatically generates:
- favicon.ico (multi-resolution ICO)
- favicon-16x16.png
- favicon-32x32.png
- favicon-48x48.png
- favicon-64x64.png
- favicon-96x96.png
- favicon-128x128.png
- favicon-144x144.png
- favicon-152x152.png
- favicon-167x167.png
- apple-touch-icon.png (180x180)
- android-chrome-192x192.png
- android-chrome-512x512.png
- Plus favicon-256x256.png and favicon-384x384.png for HD displays
- Also generates:
- manifest.json (PWA-ready with all icon entries)
- HTML snippet (complete link tags for your website)
- Download a ZIP file with everything.
- Drop files into your website root. Add HTML snippet to your
<head>. Done.
Total time: 30 seconds. No design software needed.
Platform Coverage
The tool covers:
- Browsers: 16x16, 32x32 for tab icons.
- Windows: 48x48, 64x64, 144x144 for taskbar and tiles.
- iOS: 180x180 for iPhone/iPad home screen.
- Android: 192x192, 512x512 for home screen and PWA.
- PWA: All sizes plus manifest.json for Progressive Web Apps.
- Legacy: ICO file for older browsers.
How It Works
The tool:
- Uses high-quality image resizing algorithms.
- Preserves transparency (important for favicons).
- Generates ICO files with multiple resolutions.
- Creates manifest.json with proper icon entries.
- Processes everything in your browser (no uploads, no server processing).
Upload. Download. Implement. Done.
Implementation
After generating, you get:
- All favicon files: Drop into your website's root directory.
- manifest.json: Add to your root directory for PWA support.
- HTML snippet: Copy the link tags into your website's
<head>section.
That's it. Your favicons work everywhere.
Common Favicon Mistakes
- Missing sizes: Only creating 16x16 and 32x32, missing platform-specific sizes.
- Wrong formats: Not generating ICO for legacy browser support.
- Missing manifest: Not including manifest.json for PWA support.
- Poor quality: Starting with a small source image that looks blurry when scaled.
- Wrong file names: Using incorrect filenames that browsers don't recognize.
The Bottom Line
Favicons don't need to be a manual chore. Generate all 14 sizes plus ICO automatically.
Upload one image. Get everything. Drop files into your website. Your favicons work on all platforms.
Try Favicon Multi Format Generator →
Related Tools
- Generate Chrome Extension Icons in All Required Sizes — If you're building a Chrome extension, generate all 4 required icon sizes from one image
- Build Chrome Extensions Faster with Manifest V3 Generator — Generate a valid manifest.json for your extension project
Related Guides
Don't see the tool you need?
We'll build it for you.
Stop renting your workflow. We build custom browser extensions that automate your specific manual processes, data extraction, and repetitive tasks.
Fixed price. 100% IP Ownership.