Favicon Generator
One logo in — favicon.ico, Apple touch icon and all the PNG sizes out, with the HTML to wire them up.
A favicon is the small icon browsers show in the tab, bookmarks and history — and a missing one makes any site look unfinished. Annoyingly, one image isn't enough: browsers want a classic favicon.ico, iOS wants a 180-pixel apple-touch-icon, Android and PWAs want 192 and 512-pixel PNGs. This generator produces the whole set from a single image, plus the copy-paste HTML that references them.
Drop in your logo — ideally a square PNG at 512×512 or larger — and you get every size with a preview of how it looks at actual tab scale (16 pixels is smaller than you think, which is why detailed logos make bad favicons). The favicon.ico is a real multi-resolution ICO file containing 16, 32 and 48-pixel versions, so Windows and browsers pick the sharpest fit. Non-square images are center-cropped automatically; you can pre-crop precisely with the crop tool. All generation happens in your browser, so your logo never leaves your machine.
How to use the Favicon Generator
- Drop your logo onto the tool — square PNG with transparency, 512×512 px or larger, works best.
- Review the generated sizes; the 16 px preview shows what people actually see in a browser tab.
- Download favicon.ico and the PNG set, and upload them to your site's root folder.
- Copy the HTML snippet into your page's <head>.
Frequently asked questions
Which favicon files does a website actually need in 2026?
A practical set: favicon.ico in the site root (old browsers and tools request /favicon.ico blindly), 16 and 32 px PNGs for tabs, a 180 px apple-touch-icon for iOS home screens, and 192/512 px PNGs for Android and PWA manifests. This tool generates all of them.
Why does my logo look bad at 16 pixels?
Sixteen pixels can't hold detail — fine lines, text and gradients turn to mush. Strong favicons are simple: a single letter, mark or bold shape with high contrast. If your full logo doesn't reduce well, crop to just its symbol before generating.
Is the .ico file a real multi-size icon?
Yes — it's a genuine ICO container holding 16, 32 and 48-pixel images (PNG-encoded, supported by everything from Windows Vista on), so each context picks the sharpest size rather than scaling one bitmap.
What if my source image isn't square?
It's center-cropped to a square automatically before resizing — the standard treatment for icons. If the crop cuts something important, pre-crop the image yourself with the crop tool first.
Where do I put the files on my site?
Upload favicon.ico to the site root (yourdomain.com/favicon.ico) and the PNGs wherever the snippet paths point (root is simplest). Then paste the provided <link> tags into the <head> of your pages.