🌐

Drop your image here

or click to select — JPG, PNG, WEBP, GIF, BMP up to 20MB

💡 Best result: Use a square PNG image with transparent background. At least 512×512 px recommended.

File

—

Size

—

Dimensions

—

How the Favicon Generator Works

All conversion happens in your browser — zero server round-trips, zero file uploads.

📤

Upload Your Image

Drop any PNG, JPG, WEBP, GIF or BMP. The tool reads it using the browser's File API — your image never leaves your device.

🖥️

Canvas Rescaling

The HTML5 Canvas API redraws your image at each of the 10 icon sizes using high-quality bicubic interpolation for crisp favicons at every dimension.

📦

ICO Binary Packing

A pure-JavaScript ICO encoder packs all sizes into one standards-compliant .ico file. Small sizes use 32bpp BMP DIBs; 256+ use embedded PNG for maximum fidelity.

⬇️

Download & Deploy

Click Download to save your favicon.ico. Add <link rel="icon" href="/favicon.ico"> to your HTML and browsers pick the right size automatically.

All 10 Generated Sizes

One file, all platforms covered — from browser tabs to Windows taskbar icons.

Size	Use Case	Platform	Format
16×16	Browser tab favicon	All browsers	BMP DIB
24×24	IE address bar	Internet Explorer	BMP DIB
32×32	Browser tab (HiDPI), taskbar	Windows, Chrome	BMP DIB
48×48	Desktop shortcut icon	Windows	BMP DIB
64×64	Taskbar icon (HiDPI)	Windows HiDPI	BMP DIB
72×72	Old Android home screen	Android legacy	BMP DIB
96×96	Android Chrome tab	Android Chrome	BMP DIB
128×128	Chrome Web Store icon	Chrome apps	BMP DIB
256×256	Windows Vista+ icon	Windows Vista+	PNG
512×512	PWA splash / high-res	PWA, macOS	PNG

Frequently Asked Questions

Everything you need to know about creating ICO favicon files

What is a favicon and why do I need one?

+

A favicon (short for "favourite icon") is the small icon displayed in browser tabs, bookmarks, and the address bar. It gives your website a professional, recognisable identity. The .ico format is the universal standard supported by all browsers and operating systems.

What image formats can I use as input?

+

You can upload JPG, PNG, WEBP, GIF, or BMP images. For the best favicon quality, we recommend a square PNG with a transparent background at 512×512 px or larger. The tool will automatically scale it to all required sizes.

Why does the ICO file contain 10 different sizes?

+

Different browsers, operating systems, and use cases request different favicon sizes. The ICO format was designed to bundle multiple resolutions in one file so the OS or browser always picks the sharpest version for each context — from a 16px browser tab to a 512px PWA splash icon.

How do I add the favicon to my website?

+

Upload favicon.ico to the root of your website and add this line to your HTML <head>:

<link rel="icon" type="image/x-icon" href="/favicon.ico">

Most browsers also pick up favicon.ico automatically from the root without the tag.

Is my image uploaded to your servers?

+

No. This tool runs entirely in your browser using the HTML5 Canvas API and JavaScript. Your image is never sent to any server. All processing happens locally on your device — making it completely private and secure.

PNG vs ICO — which should I use?

+

Use .ico for maximum browser compatibility — especially for the root favicon.ico file that all browsers look for by default. For additional icon sizes (like Apple Touch Icons, PWA icons), use separate PNG files. This tool creates the .ico with all sizes in one file, which is the recommended approach.