Why both ICO and PNG?

Legacy browsers and some tools only read .ico; modern browsers prefer PNG. Shipping both covers everything.

What makes a good favicon source?

Bold shapes, 1–2 colors, no text below ~48px. Detailed logos become mud at 16 pixels.

Where do the files go?

Site root for favicon.ico (browsers request it unprompted); reference PNGs from your HTML head as shown.

Favicon Generator

Turn a logo into a complete favicon set: multi-size .ico plus PNGs and Apple touch icon.

Generate favicon ICO plus PNG sizes instantly in your browser. Free favicon maker: 16, 32, 48px multi-icon + 180px apple-touch.

About Favicons

Turn a logo into a complete favicon set: multi-size .ico plus PNGs and Apple touch icon.

Upload a square-ish logo to get favicon.ico (16+32+48), three PNGs, and a 180px apple-touch-icon, plus the link tags to paste into your head. Non-square sources center-crop automatically.

Simple bold marks survive 16px best; fine detail vanishes — test the smallest size before shipping. Files stay in your browser.

Where it is used

Launches, rebrands, PWA manifests, and replacing default framework favicons.

How to use the Favicons

Select Square-ish Logo — select a file (image/*) — Square works best. JPG, PNG or WebP up to 25 MB..
Calculate — press the Calculate button to see the result instantly above.

Formula

Square cover-crop → 16/32/48 PNG + 180 apple-touch + multi-image ICO container.

Examples

Example

Result: Select a logo → favicon.ico + 4 PNGs + link tags

Frequently Asked Questions

Why both ICO and PNG?: Legacy browsers and some tools only read .ico; modern browsers prefer PNG. Shipping both covers everything.
What makes a good favicon source?: Bold shapes, 1–2 colors, no text below ~48px. Detailed logos become mud at 16 pixels.
Where do the files go?: Site root for favicon.ico (browsers request it unprompted); reference PNGs from your HTML head as shown.

Calculator Inputs