Skip to main content

PNG to ICO (Favicon Generator)

Turn a PNG into a multi-size favicon.ico, right in your browser — free and private.

We measured it: real file sizes

Settings: page defaults

Test caseBeforeAfterChange
Logo with transparency16 · 32 · 48 px28.8 KB951 B−97%
Flat illustration16 · 32 · 48 px34.7 KB1.3 KB−96%
What the numbers say

Both icons came out around a kilobyte — 951 bytes for the logo and 1.3 KB for the illustration, a 96–97% cut — and each file holds three sizes (16, 32 and 48 px) at once. A favicon is tiny by definition, so the source resolution barely matters; what matters is that the shape still reads at 16 px.

Measured on 2026-07-28 by running these files through this very page in Chromium 151.0.7922.34. Every page uses the same published test files, so the numbers are comparable across converters.Method, and download the test images →

What is PNG to ICO?

ICO is the format used for Windows icons and a website’s favicon.ico, and it can hold several sizes in one file. This tool turns your PNG into a favicon.ico with 16/32/48 px sizes, entirely in your browser with no upload.

How to use it

  1. Select or drop in a PNG (square with a transparent background is ideal).
  2. The tool generates a multi-size preview instantly.
  3. Click Download to get favicon.ico.

Handy tips

  • Clean up your logo first (background removal or PNG to SVG) for a sharper favicon.
  • At 16px the icon is tiny — fewer details read more clearly.
  • Name it favicon.ico in your site root to be auto-detected.

An ICO holding three images, 30× smaller than one PNG — how?

Because the three images inside are tiny. The output packs 16, 32 and 48 px side by side (those three sizes are fixed in the source, and each slot stores a PNG stream), 3,584 pixels in total. The 1200 × 800 logo it came from has 960,000 — 268× more. The bytes go 28.8 KB → 951 B (-97%), a factor of only 31. Two different factors, and the gap is the finding: per pixel, the ICO is 8.6× more expensive. Small images cannot amortise their own overhead — three PNG streams each carry a header, and the ICO directory sits on top. The illustration row behaves the same way: 34.7 KB → 1.3 KB (-96%). One behaviour to expect on shape: scaling takes the smaller ratio and centres the result, so a non-square source keeps its aspect and gains transparent margins inside the square rather than being squashed.

Frequently Asked Questions

Should I feed this a big PNG or a small one?

A small, simple one. An icon is displayed at 16 to 48 px, so detail is wasted and often turns to mush. Our transparent logo went from 28.8 KB to 951 B and the flat illustration from 34.7 KB to 1.3 KB, down 97% and 96% — those are the kinds of images that survive being an icon. A photograph will technically convert and will be unrecognisable in a browser tab.

Is my image uploaded?

No. The conversion runs entirely in your browser. Your image is never sent to a server or stored.

Which sizes does the ICO contain?

It produces a single favicon.ico with 16×16, 32×32 and 48×48 — the combination browsers use for tabs, bookmarks and shortcuts, so the system picks the best fit automatically.

What image should I use?

A square PNG with a transparent background works best so the icon is not squished; non-square images are scaled proportionally and centered with transparent padding. Simple, high-contrast marks read best at the tiny 16px size.

How do I use it on my site?

Put the downloaded favicon.ico in your site root, or add <link rel="icon" href="/favicon.ico"> in the <head>. Most browsers also auto-detect /favicon.ico at the root.

Related reading

How to Make a Favicon From an Image (Free) →

Embed this tool

Add this tool to your own website or blog for free — just copy and paste the code below (it includes a link back to this site).