Favicon generator
One image in, every icon a site needs out — plus the markup to install them.
By opening this website or using its tools, you agree to our Terms and Privacy Policy.
or drag it here
PNG, JPG, WEBP, or HEIC · 512px square or larger works best
Your file never leaves your browser during processing
How it works
To make a favicon, drop a square PNG, JPG, or WEBP onto this page — it is rendered in your browser at 16, 32, 48, 180, 192, and 512 pixels, packed into favicon.ico plus PNGs and a web manifest, and downloaded as a zip with the HTML snippet to paste into your head.
A favicon is not one image. A browser tab wants 16 or 32 pixels, Windows taskbar shortcuts reach for 48, an iOS home screen wants 180, and Android’s install prompt wants 192 and 512. Every size here is rendered separately from your source rather than scaled from one master, because a logo reduced to 16 pixels by a browser is not the same picture as one drawn at 16 pixels — fine strokes disappear into grey at that scale, and the difference is visible in the preview strip above at real size.
The three small sizes are packed into a single favicon.ico. That container can hold either old-style BMP bitmaps or complete PNG files, and this tool writes PNGs — every browser and every version of Windows still in use reads them, and it means the bytes come straight from the canvas encoder with no hand-written bitmap packing to get wrong. Internet Explorer is the only thing that cannot read a PNG-based ICO.
The Apple touch icon is the one output that is always flattened onto a background. iOS ignores transparency on a home-screen icon and composites whatever it is given onto black, so a transparent PNG arrives looking like it was drawn on a dark tile. If you leave the background transparent here, that one file gets white instead — the rest keep their alpha.
Padding and corner radius are applied at each size rather than to a large master, so a rounded corner at 16 pixels is a real corner and not a blurred one. Everything runs through the Canvas API in your browser; the zip is assembled locally too, and nothing is uploaded at any point.
FAQ
What size should a favicon be?
There is no single answer, which is why this generates six. 16×16 and 32×32 cover browser tabs, 48×48 covers Windows shortcuts, 180×180 is the iOS home-screen icon, and 192×192 plus 512×512 are what a web app manifest references for Android.
Where do I put the files?
All of them at the root of your site, then paste the HTML snippet into your page’s head. Browsers request /favicon.ico from the root automatically, so that file works even with no markup at all — the snippet is what points them at the larger PNGs and the manifest.
Does my source image need to be square?
It works best square. A non-square image is fitted inside the icon with space around it rather than cropped, since cropping the edge off a logo is usually worse than leaving margin. The tool says so when it detects one.
How big should the source image be?
512 pixels or larger on the short edge. Below that, the 512px manifest icon is being enlarged rather than reduced and will look soft on an Android home screen — the smaller sizes are unaffected.
Why is my favicon still not showing?
Almost always caching. Browsers hold onto favicons hard, and a tab that was open before the change usually keeps the old one. Try a private window, or add a query string to the link in your HTML to force a refetch.
Is my image uploaded?
No. Decoding, resizing, ICO packing, and zipping all happen in your browser. The network counter under the tool stays at zero bytes uploaded while your image is processed.