Turn any image into a complete favicon set — favicon.ico plus every PNG size a website needs — with copy-paste HTML code.
JPG, PNG, and WebP supported — ideally a simple square logo
Upload a logo or image and this tool generates every file a modern website needs for its favicon: a real multi-resolution favicon.ico (16×16, 32×32, 48×48 packed together), standalone PNGs at those same sizes, an Apple Touch Icon (180×180) for iOS home screens, and 192×192 / 512×512 PNGs for Android and PWA manifests.
Everything is generated locally using your browser's canvas engine, including the .ico file itself — it's assembled byte-by-byte from the PNG data your browser produces, not sent to a conversion server. You also get copy-paste-ready HTML code for your site's <head>.
| File | Used by |
|---|---|
| favicon.ico | Browser tab icon (legacy + universal fallback) |
| favicon-16x16.png / favicon-32x32.png | Modern browser tabs and bookmarks |
| favicon-48x48.png | Windows site tiles and some browser UI |
| apple-touch-icon.png (180×180) | iOS "Add to Home Screen" |
| icon-192.png | Android home screen / web app manifest |
| icon-512.png | Android splash screens / PWA manifest |
What files do I actually need for a website favicon?
At minimum, favicon.ico in your site root and a 32×32 PNG cover almost every browser. For full coverage on iOS home-screen icons and Android/PWA icons, also add the Apple Touch Icon (180×180) and the 192×192 and 512×512 PNGs, referenced with the <link> tags this tool generates.
Where do I put the generated files?
Upload favicon.ico to the root of your website (e.g. yoursite.com/favicon.ico) and the PNG files anywhere convenient, then paste the generated <link> tags into the <head> of your HTML pointing at wherever you placed them.
Is my image uploaded to a server?
No. Every size is generated locally in your browser using the canvas API, and the .ico file is assembled directly from that data — nothing is uploaded anywhere.
My source image isn't square — what happens?
The tool automatically crops to a centered square before generating sizes, since favicons are always square. For full control over exactly what's kept, crop your image with our Image Cropper first, then upload the square result here.
Can I use a JPG, or does it need to be a PNG?
Any image format your browser can open works — JPG, PNG, or WebP. If your source has transparency (PNG or WebP), it's preserved in the output; a JPG source has no transparency to begin with.
Will small details survive being shrunk to 16×16?
Not usually — at 16×16 pixels only very simple shapes, bold letters, or high-contrast icons remain readable. Complex logos with fine detail or small text will blur into an unrecognisable smudge at that size, which is a limitation of the size itself, not this tool.
Does this generate a real favicon.ico, or just a renamed PNG?
A real multi-resolution .ico file, built in your browser containing the 16×16, 32×32, and 48×48 sizes packed together in the standard ICO container format — not just a PNG with a different file extension.