Convert PNG to ICO (Favicon)
Make a proper favicon.ico from a PNG: several sizes packed into one file so browsers, bookmarks and Windows shortcuts all get a sharp icon. The file is assembled on your own device and you get the HTML link tag to go with it.
100% private — this tool runs in your browser. Your file is never uploaded to any server.
How it works
An ICO file is a container: a small header followed by one or more images, each tagged with its size. Modern Windows and every current browser accept PNG-compressed layers inside that container, which keeps the file small and preserves transparency. This tool scales your source to each chosen size with high-quality resampling — centring non-square images on a transparent canvas rather than stretching them — and writes the container byte-by-byte. The standard set (16, 32, 48) covers browser tabs, bookmarks and the Windows taskbar; the full set adds sizes for high-DPI displays and desktop shortcuts. Start from a simple, high-contrast source: fine detail vanishes at 16 pixels, so a bold mark beats a detailed logo.
Step by step
Add your source
A square PNG at 256 px or larger is ideal; SVG and JPG also work.
Choose the size set
Standard for most sites; full set for Windows apps and PWAs.
Build
Each layer is resized and packed into an ICO on your device.
Download and link
Save favicon.ico and copy the ready-made link tag into your HTML head.
Frequently asked questions
How do I make a favicon from a PNG?
Add the PNG, keep the standard size set and press Build. Upload favicon.ico to your site root and paste the provided link tag into the head of your pages.
Which sizes does a favicon need?
16 and 32 px for browser tabs and bookmarks, 48 px for Windows. The full set adds 64–256 px for high-DPI shortcuts and app tiles. One ICO can hold all of them.
Why does my favicon look blurry?
Usually because the source was tiny or busy. Start from a 256 px or larger square with a bold, simple design; fine lines and small text do not survive at 16 px.
Does the ICO keep transparency?
Yes. Layers are stored as PNG inside the container, so transparent backgrounds stay transparent on tabs and desktops.
My image is not square — what happens?
It is scaled to fit and centred on a transparent square canvas, so nothing is stretched. Crop to a square first if you want the mark to fill the icon.
Is a PNG-in-ICO file supported everywhere?
By all current browsers and Windows Vista onward. The 16 and 32 px layers are what very old software reads, and those are included in every set.
Is my logo uploaded?
No. Resizing and container assembly happen in your browser; the ICO exists only on your device until you upload it to your own site.
Should I also provide PNG favicons?
It is good practice to add a 180 px apple-touch-icon and a 192/512 px PNG for the web manifest alongside the ICO. Use the resize tool to make those from the same source.