Skip to content

Image Editor

Generate a favicon

One image in, a ZIP out containing every size a browser asks for, the manifest, and the HTML to paste.

  • Free, no signup
  • No upload — runs on your device
  • No watermark
  • Unlimited use

Favicon Generator

Processed locally
Drop a square image here

512×512 or larger, PNG preferred

You will get: 16, 32, 48, 64, 128, 180, 192 and 512 pixel PNGs, a site.webmanifest, and a head-snippet.html to paste into your page.

Eight sizes exist because eight different things ask for an icon

The 16 and 32 pixel icons are the browser tab and bookmark bar. 48 is the Windows desktop shortcut. 64 is high-DPI tab rendering. 128 and 180 are iOS home screen icons — 180 is the current Apple touch icon size. 192 and 512 are what a web app manifest needs for Android home screens and the PWA install prompt.

Only 16 and 32 will be seen at their actual pixel size, and that is where design breaks down. A logo that reads perfectly at 512 pixels becomes an indeterminate smudge at 16. Anything with more than two colours, any text, and any thin stroke will vanish. The favicons that survive are a single bold glyph, a monogram, or a simple geometric mark — which is why so many good brand marks look reductive up close.

Test at 16 pixels first, not last. If it does not read there, no amount of care at 512 will save it.

How it works

  1. Drop in a square image, ideally 512×512 or larger
  2. Click Generate
  3. Unzip, upload the PNGs to your site root, and paste the HTML snippet into your head
Why nothing uploads. Every operation on this page happens inside your browser using JavaScript and WebAssembly. Your file is read into memory, processed, and offered back as a download. It is never transmitted. Disconnect from the internet after this page loads and the tool keeps working.

Frequently asked questions

Which favicon sizes do I actually need?
At minimum 32 (tab), 180 (iOS home screen) and 192 plus 512 (Android and PWA install). The others cover legacy Windows shortcuts and high-DPI rendering. This tool generates all eight because omitting one only shows up on the platform you did not test.
Does my source image need to be square?
It should be. Non-square images are centre-cropped to a square, which may cut off part of your logo. Supply a square image at 512 pixels or larger.
What is the site.webmanifest file for?
It tells Android and Chrome which icons to use when someone installs your site as an app. Without it, the install prompt shows a generic icon.
Do I still need an .ico file?
Only for Internet Explorer, which no longer receives updates. Every browser released in the last decade reads PNG favicons declared in the HTML head.
Why does my favicon look like a blur in the tab?
It is being downscaled to 16 pixels. Detail, text and thin lines cannot survive that. Simplify the mark until it reads as a single recognisable shape.

Related tools