Favicon Maker: The Tiny Icon That Defines Your Browser Tab
A favicon is the small image next to your site's name in browser tabs and bookmarks. It's tiny — usually 32×32 pixels — but it shapes how your site is recognized. This guide covers what sizes you need and how modern favicons differ from classic ones.
Favicons started out as a single 16×16 .ico file that browsers fetched from the site root. Modern web requires multiple sizes for different contexts — tabs, bookmarks, iOS home screens, Android shortcuts, Windows tiles. A favicon maker generates them all from one source image.
Favicon sizes you need
| Size | Use case |
|---|---|
| 16×16 | Browser tab, bookmark |
| 32×32 | Browser tab on retina displays |
| 48×48 | Windows site icons |
| 180×180 | Apple touch icon (home screen) |
| 192×192 | Android home screen |
| 512×512 | PWA splash screen, store icons |
Design tips
- •Start with a square source image, ideally 512×512 or larger.
- •Test at 16×16 — if it's unrecognizable that small, simplify the design.
- •Use bold shapes, not fine detail; thin lines disappear at small sizes.
- •Match brand colors but ensure contrast against both light and dark browser themes.
Extended FAQ
Is .ico still required?
Modern browsers prefer PNG, but .ico is still the safest fallback for very old browsers and some integrations. EllyTools generates both.
Do I need every size?
No — but 16×16, 32×32, 180×180 (Apple), and 192×192 (Android) cover 95% of cases.
Are my files uploaded?
No — runs entirely in your browser.