# Favicon Size Generator

> Generate every favicon size from one image: 16, 32, 48, 96, 180, 192 and 512px PNGs, a multi-size .ico and the web manifest. Free, no signup, download as a zip.

- Canonical URL: https://www.zyff.app/tools/favicon-size-generator
- Status: working
- Price: free, no signup, no watermark
- Processing: runs on Zyff's servers; input is held in memory for the request and never stored

Zyff's favicon size generator renders every size at once from one image: the classic 16, 24, 32, 48, 64, 128 and 256px images inside a single favicon.ico, standalone PNGs at 16, 32, 48, 64, 96, 128, 144, 192, 256 and 512, the apple-touch icons at 120, 152, 167 and 180, the Android and PWA sizes from 48 up to 512, a maskable icon, the web manifest that references them and the Windows tile XML. Everything arrives with the head snippet already written, and you can download the whole set as one zip. Rendering runs on Zyff's servers from a 1024px master, in memory only, so your upload is never stored.

## How to generate every favicon size

1. **Upload one master image** — Drop in the largest square version you have. A 512px source is the practical minimum and 1024px or a vector is better — every size below is downscaled from one master render rather than resampled from each other, which is what keeps the 16px version legible.
2. **Check the size selection** — This page opens with every size ticked. Untick the ones you know you do not need — 128 and 384 are rarely requested — or leave them all on and let the zip carry the lot.
3. **Look at the 16px preview** — The smallest icon is the one that decides whether the set works. Detail that reads at 512px turns to mud at 16, and this is the point to simplify the source rather than after you have pasted the tags.
4. **Download the zip** — One archive with every file at the paths the generated snippet references, so the HTML works as soon as the files are in place.
5. **Paste the head snippet** — Copy the generated link tags into your <head>. Each carries an explicit sizes attribute, which is what lets a browser or a crawler choose the right file instead of guessing.

## Features

- **Every size in one pass**: ICO from 16 to 256, PNGs from 16 to 512, apple-touch at four sizes, Android and PWA from 48 to 512, plus a maskable icon. No second upload and no per-size re-render.
- **One master, then downscales**: The source is rendered once at 1024px and every asset is downscaled from that. Chaining downscales — 512 to 256 to 128 — compounds resampling error, and it shows first at 16px.
- **Sizes attributes written for you**: Every link tag declares its own sizes value. Google picks the favicon it shows beside a result from a crawlable icon whose size is a multiple of 48, and it can only see that from the attribute.
- **Manifest and tile XML included**: The web manifest referencing the Android sizes and the browserconfig XML for legacy Windows tiles are generated alongside the images, pointing at the same paths.
- **Zip download**: The whole set as one archive, laid out to match the snippet, so there is nothing to rename.

## Specifications

| Property | Value |
| --- | --- |
| ICO sizes available | 16, 24, 32, 48, 64, 128, 256 px, in one multi-image file |
| PNG sizes available | 16, 32, 48, 64, 96, 128, 144, 192, 256, 512 px |
| apple-touch sizes | 120, 152, 167, 180 px (180 is the only one current iOS needs) |
| Android / PWA sizes | 48, 72, 96, 144, 192, 256, 384, 512 px, plus a 512px maskable |
| Master render | 1024 px, with every asset downscaled from it |
| Input | PNG, JPG, WebP, AVIF or SVG up to 25 MB, 100 megapixels |
| Text files generated | site.webmanifest and browserconfig.xml |

## Frequently asked questions

**What favicon sizes do I actually need in 2026?**

A practical minimum is a 32px PNG, a 180px apple-touch-icon, a 192px and a 512px for Android and the manifest, and a favicon.ico holding 16 and 32 for anything old. Add 48 if you care about the icon Google shows next to your search result, because it only considers icons whose size is a multiple of 48. The rest of the matrix is insurance rather than a requirement.

**Why does Google want a favicon size that is a multiple of 48?**

Google's documentation says it selects an icon whose dimensions are a multiple of 48px, and it reads the size from the sizes attribute on your link tag rather than by fetching every candidate. A site shipping only 16 and 32 px icons has no eligible file, which is why a favicon can be perfectly visible in the browser tab and still be absent from the search result.

**Which size does each browser or OS request?**

Desktop browsers take the smallest adequate PNG for the tab, usually 16 or 32. iOS uses apple-touch-icon at 180 and scales it down for smaller devices. Android and installed PWAs read the manifest and take 192 for the launcher and 512 for the splash screen. Windows pinned tiles read browserconfig.xml. The .ico is the fallback anything unlisted will try.

**Is a bigger favicon always better?**

No, and this is where most sets go wrong. A 512px icon downscaled to 16px by the browser looks worse than a 16px file rendered deliberately, because the browser's downscale is fast rather than careful. Shipping the small sizes as real files is the whole reason the matrix exists rather than one large PNG.

**Do I have to use every file in the zip?**

No. Ship what your site needs and delete the rest — an unused 384px PNG costs nothing but clutter. What matters is that every file the head snippet references actually exists at the path it names; a link tag pointing at a missing icon is worse than no tag.

**Where do the files go?**

The site root is the conventional place and the one the default snippet assumes, because /favicon.ico is fetched from the root whether or not you declare it. If you serve icons from a subdirectory, set the base path before copying the snippet so every href matches.

## Related tools

- [Favicon Maker](https://www.zyff.app/tools/favicon-generator): Produce every favicon size from a single image.
- [SVG to Favicon](https://www.zyff.app/tools/svg-to-favicon): Keep the SVG as a vector icon, with PNG fallbacks.
- [PNG to ICO](https://www.zyff.app/tools/png-to-ico): Convert a PNG into a multi-resolution .ico file.
- [Image to Favicon](https://www.zyff.app/tools/image-to-favicon): Turn a photo or logo into a square favicon set.
