Favicon Sizes Guide
A favicon is not one image. Browsers, operating systems, and app platforms each request a different resolution for a different context — a tiny browser tab, a retina taskbar, an iOS home screen, a PWA splash screen. Serving a single small image leads to blurry or wrong-sized icons. Generating a set of sizes from one square source fixes that.
Below is every size EasyFavicon produces, what it's for, and which ones you actually need.
Size reference
| Size | Usage / Platform | Notes |
|---|---|---|
| 16×16 | Browser tab, address bar | Goes inside favicon.ico. The most-seen size; keep it legible. |
| 32×32 | Browser tab (HiDPI), taskbar | Goes inside favicon.ico. Standard retina tab icon. |
| 48×48 | Windows site shortcuts | Goes inside favicon.ico. Used by some desktop integrations. |
| 64×64 | General / desktop shortcuts | Optional. Extra clarity for higher-DPI tabs and tiles. |
| 128×128 | Chrome Web Store, extensions | Optional. Mid-size PNG for app and store listings. |
| 180×180 | Apple touch icon (iOS) | Home screen bookmarks on iPhone/iPad. iOS masks corners. |
| 192×192 | Android / Chrome, PWA | Minimum manifest icon for installable web apps. |
| 512×512 | PWA splash, high-DPI | Largest manifest icon. Also the ideal source resolution. |
Classic favicon.ico — 16, 32, 48
The .ico format is a container that bundles multiple bitmaps in a single file. Standard practice is to include 16×16, 32×32, and 48×48. Placed at your site root as /favicon.ico, it is the most universally supported favicon and the fallback every browser checks. The 16×16 is the one users see most, so make sure your mark is recognizable at that scale.
Apple touch icon — 180
iOS uses a 180×180 PNG when someone adds your site to their home screen. Reference it with <link rel="apple-touch-icon" ...>. iOS applies its own rounded-corner mask and may add a subtle gloss, so use a full-bleed square design and keep important detail away from the edges. Do not pre-round the corners yourself.
Android / Chrome — 192
The 192×192 PNG is the minimum icon required in your web manifest for a site to be installable on Android and in Chrome. It appears on the home screen and in the app launcher. Declare it under the icons array in manifest.webmanifest.
PWA / splash — 512
A 512×512 PNG is used for Progressive Web App splash screens and high-density home screen icons. Pair it with the 192×192 in your manifest. It's also the best resolution to use as your source image — generate everything else by scaling down, never up.
General — 64 and 128
These are optional but harmless extras. 64×64 gives crisper tabs on some higher-DPI desktops, and 128×128 is the expected size for Chrome extension and Web Store listings. Include them if you want full coverage; skip them if you're minimizing files.
A note on Safari pinned tabs
Older Safari pinned-tab icons use a monochrome SVG referenced with rel="mask-icon". This requires a true vector source, not a rasterized PNG, and only a single flat color is rendered. EasyFavicon works from raster images, so it does not generate this file. If you need it, export a one-color SVG from your design tool. Most modern Safari versions fall back to your standard icons, so it is rarely necessary.
Which sizes do you actually need?
For nearly every site: a favicon.ico (16/32/48), a 180×180 Apple touch icon, and 192×192 plus 512×512 PNGs in a manifest. The rest remove edge-case blurriness at no real cost. EasyFavicon generates the full set from one upload, in your browser — nothing is sent to a server.
Ready to generate all of these from a single image?
Create your favicons →