Favicon Generator
Drop one image. Get every favicon size your site needs, plus the HTML to install it.
Modern browsers want several favicon sizes: a 16- and 32-pixel version for the browser tab, larger ones for Windows shortcuts, a 180×180 apple-touch-icon for iOS home screen, and 192/512 Android icons for the Web App Manifest. Generating them by hand is fiddly, especially getting the small sizes to look crisp.
This generator runs entirely in your browser. Drop a single square image and it produces all six sizes using a multi-step downsampler (which keeps the 16/32 pixel versions looking sharper than a single-pass scale). The ZIP package includes a ready-to-paste HTML snippet for your site head, and a sample web manifest.
Related tools
Frequently asked questions
- What image should I upload?
- A square image works best — ideally 512×512 or larger. PNG and WebP keep transparency; JPEG is fine if your icon is on a solid background. Non-square inputs are padded with transparent space to a square before downsampling.
- Are my images uploaded?
- No. The generator runs entirely in your browser using the Canvas API. The original image and all generated sizes are created locally and offered as direct downloads.
- Why so many sizes?
- Browsers and operating systems pick different icons for different contexts: 16/32 for the browser tab, 48 for older Windows shortcuts, 180 for iOS home-screen, 192 and 512 for Android and PWA splash screens. Providing all of them avoids browsers scaling the wrong source and producing a fuzzy icon.
- What about the .ico format?
- Modern browsers no longer require an .ico — PNG link tags work universally. If you need an .ico for legacy compatibility, drop the 32×32 or 48×48 PNG into a free .ico encoder; the rest of the package is otherwise complete.
- Where do I put the files?
- Drop them into the root of your website (the same directory as index.html). The included HTML snippet expects that layout. The generator also includes a README.txt with a checklist.