Turn a PNG into a real, multi-size .ico favicon — 16, 32, 48, 64, 128 and 256 px packed into one file. Transparency is kept and the whole thing runs in your browser, so your image is never uploaded.
Quick answer: To convert a PNG to ICO, drop a square PNG below, keep the default 16/32/48 px sizes (add larger ones for high-DPI), and click Convert. Each size is rendered on a canvas and packed into one valid .ico file in your browser — then download it and drop it at your site root as favicon.ico. Nothing is uploaded.
🖼️
Drop a PNG here or tap to browse
PNG, JPG or WebP · a 256×256 or larger square works best
An .ico file is not just a renamed image — it is a small container that holds several square icons at once, plus a directory that tells the browser or operating system where each one lives. When your icon appears in a browser tab it uses the 16 px version; on the Windows taskbar it reaches for 48 px; in a large-icon folder view it pulls the 256 px version. Packing all of them into one file is what makes an icon look sharp everywhere.
This tool renders each size you pick onto its own canvas, using a stepped, halving downscale so a large logo stays crisp even at 16 px, then encodes each one as a PNG and writes the ICO byte structure with a JavaScript DataView — a 6-byte header, a 16-byte directory entry per size, and the PNG data concatenated after. It is a genuine multi-image ICO, built entirely on your device.
Which sizes should you include?
16 & 32 px — browser tabs, bookmarks and history. Essential.
48 px — Windows taskbar and desktop shortcuts.
64 & 128 px — high-DPI (Retina) screens where the OS scales icons up.
256 px — Windows large / jumbo icon views. Keeps the icon from looking blurry when enlarged.
Adding the favicon to your site
Drop the downloaded file at the root of your website as /favicon.ico — browsers request that exact path automatically. To be explicit (and to control caching), also add this to your HTML <head>: <link rel="icon" href="/favicon.ico" sizes="any">. For Apple devices, add a separate 180×180 PNG as <link rel="apple-touch-icon" href="/apple-touch-icon.png">.
Frequently Asked Questions
16×16 and 32×32 cover browser tabs and bookmarks; 48×48 is what Windows uses on the taskbar and desktop shortcuts. Add 64, 128 and 256 for crisp icons on high-DPI screens and large Windows icon views. The tool checks 16, 32 and 48 by default because those are the sizes almost every site needs.
A .ico is a container that holds several sizes in one file, so the browser or OS can pick the best resolution for where the icon appears. A single PNG is one fixed size, and renaming a .png to .ico does not make a valid multi-size icon. This tool builds a proper ICO with a directory and multiple images.
It embeds PNG-compressed images, which every modern browser and Windows Vista or newer supports. PNG-in-ICO keeps the file small and preserves full 32-bit transparency, unlike the old uncompressed BMP entries.
Yes. The alpha channel from your PNG is preserved at every size, so a logo with a transparent background stays transparent in the icon.
Yes. The tool draws any JPG, WebP or PNG onto a canvas first, then generates the icon. A square PNG with transparency gives the best result, but JPG and WebP work too.
Put the downloaded file at the root of your site as /favicon.ico — browsers request that path automatically. To be explicit, also add <link rel="icon" href="/favicon.ico" sizes="any"> in your HTML head.
Windows shows 256×256 icons in large-icon and jumbo views, and high-DPI displays scale small icons up. Including 256 keeps the icon sharp everywhere instead of looking blurry when enlarged.
No. The whole conversion runs in your browser using the canvas API and a JavaScript DataView to assemble the ICO bytes. Your image never leaves your device, so there is no size limit and nothing is stored.