Which sizes does this generate, and why do I need all of them?

Six PNGs: 16×16 and 32×32 for the browser tab (32×32 covers retina displays), 48×48 for the Windows taskbar/desktop shortcut, 180×180 as the apple-touch-icon used when someone adds your site to an iOS home screen, and 192×192 plus 512×512 for Android home-screen icons and PWA splash screens. Different platforms pick whichever size fits their context, so shipping all six covers browsers, phones, and installed-app icons without any of them looking blurry or squished.

Does this produce a real .ico file?

No — it generates a set of PNG files (favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png), not a multi-resolution .ico. Every modern browser accepts a PNG favicon referenced via , so a .ico isn't required — this avoids bundling a binary ICO-encoding library just to produce a legacy format almost nothing still needs.

How do I actually install these on my site?

Download everything at once with "Download all (.zip)" — it bundles every PNG, the site.webmanifest, and the HTML snippet as a text file — or grab files individually. Upload the PNGs and site.webmanifest to the root of your site (or wherever your static assets live), then paste the HTML snippet into the of your pages — it's a set of tags pointing at each file by its standard filename, plus a tag for the web manifest.

What kind of source image works best?

A square image, at least 512×512 pixels, with a transparent background if your icon isn't meant to fill the whole square. Non-square images get center-cropped to a square before resizing, and small source images will look soft once scaled up to the larger sizes — start big and let the tool scale down, not up.

Is my image uploaded anywhere?

No. The image is read and resized locally using the browser's canvas API — it never leaves your device, and nothing is sent to a server.

FAVICON GENERATOR

Upload one image and get every standard favicon size, an HTML snippet, and a web manifest — nothing leaves your browser.

+ Upload a source image

PNG, JPG, WebP, or SVG. Square, at least 512×512, works best. Nothing is uploaded — everything runs in your browser.

How to generate a favicon set

1
Upload a source image — square and at least 512×512 works best.
2
The tool generates every standard favicon size right in your browser.
3
Download everything at once as a .zip, or grab individual PNGs and the site.webmanifest file.
4
Copy the HTML snippet and paste it into your page's <head>.

Questions

Which sizes does this generate, and why do I need all of them?: Six PNGs: 16×16 and 32×32 for the browser tab (32×32 covers retina displays), 48×48 for the Windows taskbar/desktop shortcut, 180×180 as the apple-touch-icon used when someone adds your site to an iOS home screen, and 192×192 plus 512×512 for Android home-screen icons and PWA splash screens. Different platforms pick whichever size fits their context, so shipping all six covers browsers, phones, and installed-app icons without any of them looking blurry or squished.
Does this produce a real .ico file?: No — it generates a set of PNG files (favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png), not a multi-resolution .ico. Every modern browser accepts a PNG favicon referenced via <link rel="icon">, so a .ico isn't required — this avoids bundling a binary ICO-encoding library just to produce a legacy format almost nothing still needs.
How do I actually install these on my site?: Download everything at once with "Download all (.zip)" — it bundles every PNG, the site.webmanifest, and the HTML snippet as a text file — or grab files individually. Upload the PNGs and site.webmanifest to the root of your site (or wherever your static assets live), then paste the HTML snippet into the <head> of your pages — it's a set of <link> tags pointing at each file by its standard filename, plus a <link rel="manifest"> tag for the web manifest.
What kind of source image works best?: A square image, at least 512×512 pixels, with a transparent background if your icon isn't meant to fill the whole square. Non-square images get center-cropped to a square before resizing, and small source images will look soft once scaled up to the larger sizes — start big and let the tool scale down, not up.
Is my image uploaded anywhere?: No. The image is read and resized locally using the browser's canvas API — it never leaves your device, and nothing is sent to a server.