Rendered locally in your browser — your image is never uploaded.
Source is smaller than 256 px — results may be blurry when upscaled.
Source is not square — it will be center-cropped to a square.
About this tool
A favicon is the small icon a browser shows in tabs, bookmarks, and history; modern sites ship a set of sizes so it stays crisp from a 16×16 tab to a 512×512 PWA install screen. This generator takes one source image (PNG, JPG, SVG, or WebP), center-crops it to a square, and renders the standard sizes — 16, 32, and 48 for favicon.ico, 180 for the Apple touch icon, and 192 and 512 for Android/manifest icons. Everything runs on a <canvas> in your browser, and the .ico is assembled by embedding the small PNGs directly in a Windows ICONDIR container, which every current browser and OS reads.
Use it to bootstrap the favicon set for a new project, refresh an icon after a rebrand, or produce the exact files a Lighthouse or PWA audit asks for. Drop in a square logo, toggle rounded corners or transparent padding to taste, then download favicon.ico, each PNG, and paste the ready-made <link> tags plus site.webmanifest icons block into your <head>.
The .ico file embeds real PNGs (PNG-in-ICO), which every modern browser reads — drop it at your site root as /favicon.ico.
Frequently asked questions
What image size should I upload for a favicon?
Upload a square image at least 512×512 px so the largest outputs stay sharp. Smaller sources are upscaled and may look blurry, and non-square images are center-cropped to a square before rendering.
Do I still need a favicon.ico file?
Yes — favicon.ico at your site root is the fallback browsers and crawlers request automatically, and some legacy contexts only look for it. This tool builds one with 16, 32, and 48 px frames embedded, alongside the modern PNG icons referenced via <link> tags.
Why does the favicon generator produce multiple PNG sizes?
Different surfaces request different sizes: 16/32 px for browser tabs, 180 px for the Apple touch icon on iOS home screens, and 192/512 px for Android and PWA manifest icons. Shipping all of them lets each platform pick the closest match instead of scaling one image.