WebP to ICO
Make a favicon from a WebP — never uploaded.
How it works
Three steps, and nothing leaves your device.
-
1
Drop a square WebP in
512×512 or larger downscales best.
-
2
Six sizes are rendered
16, 32, 48, 64, 128 and 256px in one file.
-
3
Download the .ico
Put it at your site root as favicon.ico.
What goes into the icon
- Transparency comes across. WebP has a full alpha channel and each size inside the .ico is stored as PNG data, so a transparent background survives and the icon sits correctly on light and dark browser chrome.
- Start square and start large. Each entry is square, so a wide image is squashed rather than cropped. Around 512×512 gives every size a clean downscale.
- Design for the smallest size. 16 pixels is what a browser tab shows, and detail dies there. A single letter or one simple shape is what survives.
- Six sizes, one file. The operating system or browser picks whichever it needs — 16px in a tab, 256px in a large file listing.
Frequently asked questions
Is transparency kept?
Yes. Each size is stored as PNG data inside the icon.
Does it need to be square?
It should be, or it will be squashed to fit.
Which sizes are included?
16, 32, 48, 64, 128 and 256 pixels.
Where does the file go?
At the root of your site as favicon.ico.