Favicon Generator
Upload a square image and get every favicon size modern browsers and devices expect — plus the exact HTML tags to paste into your site's `<head>`.
How to use
Upload a square source image, ideally 512×512px or larger so smaller sizes stay crisp. Generate to get six resized PNGs (16, 32, 48, 180, 192, 512px) covering browser tabs, bookmarks, and home-screen icons on iOS and Android.
Download each size individually and place them at your site's root (or wherever your build references), then paste the generated `<link>` tags into your HTML `<head>` — no guessing which sizes browsers actually request.
FAQ
What favicon sizes do I actually need?
16×16 and 32×32 cover browser tabs and bookmarks; 48×48 is used by some older Windows contexts; 180×180 is Apple's touch-icon size for iOS home screens; 192×192 and 512×512 cover Android home screens and PWA manifests. This tool generates all six from one source image.
Why does my favicon look blurry?
Usually because the source image was smaller than the target size and got upscaled, or because a non-square image got stretched. Start from a square image at least 512×512px so every generated size is a clean downscale, never an upscale.
Do I need a .ico file specifically?
No — modern browsers fully support PNG favicons declared via `<link rel="icon" type="image/png">`, which is what this tool generates. The old `.ico` format is only needed for very old browser support, which most sites no longer target.
Is my image uploaded to a server?
No — all resizing happens locally in your browser using the Canvas API. The image never leaves your device.