Favicon Generator
One image in, the complete favicon set out.
How to generate favicons
- Add a square-ish image, at least 512×512 pixels for crisp results; a logo mark works better than a wordmark.
- 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.
- Download the ZIP and copy the files into your site's root directory.
- 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.
Frequently asked questions
- 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.