How it works
- Drop or pick a logo image (PNG, JPG, WebP or SVG). The file stays on your device — nothing is uploaded.
- If the image isn’t square, it’s automatically center-cropped to a square — the status line tells you when this happens.
- Optionally pick a background (transparent, white or a custom color) and a corner style (square, rounded or circle). Previews redraw live.
- Click Generate favicons. Your browser renders every size on a canvas, packs the 16, 32 and 48 px versions into a genuine
favicon.ico, and offers each PNG as its own download. - Download the files, drop them into your site root, and paste the ready-made
<link>tags into your<head>.
Sizes explained
| Size | File name | Where it shows up |
|---|---|---|
| 16×16 | favicon-16x16.png (also inside the .ico) | Browser tab on standard-density screens, bookmark lists. |
| 32×32 | favicon-32x32.png (also inside the .ico) | Retina/high-DPI browser tabs, Windows taskbar previews. |
| 48×48 | favicon-48x48.png (also inside the .ico) | Windows desktop shortcuts and pinned-site icons. |
| 180×180 | apple-touch-icon.png | iPhone/iPad home-screen icon when a user adds your site. |
| 192×192 | android-chrome-192x192.png | Android home screen & PWA install prompt (via web manifest). |
| 512×512 | android-chrome-512x512.png | Android splash screen & PWA store listings (via web manifest). |
Privacy & how your data is handled
- Nothing is uploaded. The tool runs 100% inside your browser tab — resizing, cropping and ICO packing all happen in JavaScript on your device.
- Nothing is stored. Close or refresh the tab and your image is gone from memory.
- Nothing is logged. No network calls during processing — you can disconnect Wi-Fi after the page loads and the tool still works.
- No libraries, no CDN. The ICO container is built byte-by-byte with the standard Canvas API — there’s no third-party code touching your image.
How to install on your site
Put all downloaded files in your site root (the same folder as your homepage, so they’re reachable at /favicon.ico, /apple-touch-icon.png, and so on). Then add these tags inside <head> on every page:
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">If your site is a PWA (or you just want a polished Android experience), reference the two android-chrome PNGs in your site.webmanifest "icons" array with sizes 192x192 and 512x512. Keeping favicon.ico in the root also covers old clients that request it by convention without reading any tags.
FAQ
Do I still need a .ico file in 2026?
Yes — favicon.ico remains the safest baseline. Browsers, RSS readers, bookmark managers and many crawlers still request /favicon.ico by convention even when no tag points to it, and Windows uses it for shortcuts and pinned sites. Modern PNG sizes cover high-DPI tabs and mobile home screens; the .ico covers everything else. This tool gives you both, so there’s no reason to choose.
Why is my favicon blurry?
Almost always because the source image was too small. A favicon set needs sizes up to 512×512, and upscaling a small logo can’t add detail — it just smears pixels. Start from a source that’s at least 512×512 px (an SVG or a large PNG export of your logo is ideal) and every size, including the tiny 16 px tab icon, will come out crisp. The tool shows a warning when your source is smaller than 256 px.
Is my image uploaded anywhere?
No. Everything runs inside your browser tab. Your image is read from your device, resized on a canvas, packed into ICO/PNG files in JavaScript, and returned as downloads — nothing is transmitted to any server. You can disconnect Wi-Fi after the page loads and it still works.
Is the generated favicon.ico a real ICO file?
Yes. The tool writes a genuine ICO container by hand: the standard ICONDIR header, one directory entry per size, and the 16, 32 and 48 px images embedded as PNG data. PNG-inside-ICO has been part of the format since Windows Vista and is supported by every modern browser and by Windows Explorer — it opens, previews and installs exactly like any other .ico.
Does transparency survive?
Yes, if your source has an alpha channel (PNG, WebP or SVG) and you keep the background set to Transparent. JPG sources have no alpha channel, so they always produce a solid square — pick White or a custom color if you want to control what fills the corners after rounding.
What happens to non-square images?
Favicons are square, so the tool automatically center-crops your image to its largest centered square and tells you in the status line. If the crop cuts off something important, crop the image yourself first with our Crop image tool, then bring the square result back here.