Favicon Generator

One image in, the complete favicon set out.

100% LocalFree

Choose an imagesquare works best; or drag and drop it here

How to generate favicons

1 Add a square-ish image, at least 512×512 pixels for crisp results; a logo mark works better than a wordmark.
2 The set is generated at once: favicon.ico (16/32/48), favicon PNGs at 16, 32, 48, 192 and 512, plus apple-touch-icon.png at 180.
3 Download the ZIP and copy the files into your site's root directory.
4 Reference them in your HTML head: link rel="icon" href="/favicon.ico", plus rel="apple-touch-icon" for iOS and the 192/512 PNGs in your web manifest.

Which files does a site actually need?: favicon.ico covers classic browsers and bookmarks, the 32 px PNG modern tabs, apple-touch-icon.png the iOS home screen, and the 192/512 PNGs go into the web manifest for Android and PWA installs.
Why does my logo look muddy at 16 pixels?: Sixteen pixels cannot carry detail. Favicons work best as a simple bold mark; if your logo is detailed, crop it to its simplest element before generating.
Is a non-square image a problem?: No, it is center-cropped to a square first. If the crop cuts the wrong part, square the image yourself in any editor and regenerate.
Is my image uploaded anywhere?: No. Generation runs entirely in your browser; the image never leaves your device.

Exact pixel dimensions, aspect ratio kept for you.

Any common image format in, JPG, PNG or WebP out.

The exact pixels every platform wants, in one click.