About the Favicon Generator
Browsers look for several sizes: 16×16 and 32×32 for tabs and bookmarks, 48×48 for Windows shortcuts, 180×180 for iOS home screens (apple-touch-icon.png) and 192×192 plus 512×512 for Android and installable web apps via site.webmanifest. The generator renders each size separately on a canvas so small icons stay sharp rather than being shrunk from one large image.
The favicon.ico is built in JavaScript as a real ICO container: a 6-byte header, one 16-byte directory entry per size and the 16, 32 and 48 px images embedded as PNG data — the PNG-in-ICO format introduced with Windows Vista and read by all current browsers. Keep it at the site root, since some clients request /favicon.ico without reading your HTML.
Uploaded images never leave your device. Square artwork works best; choose Fit to keep the whole image or Fill to crop it. Letter icons need strong contrast because at 16 px each stroke is only a pixel or two wide.
How to use it
- Type one or two letters and pick colors, font and corner radius — or switch to Image and upload a file.
- Check the previews at every size.
- Download favicon.ico and the PNG files you need.
- Download site.webmanifest and copy the HTML tags into your <head>.
- Upload all files to the root of your site.