Favicon Generator

How to use the favicon generator

1. Choose a square image — simple and bold works best.
2. Adjust padding if the graphic runs to the edges.
3. Generate, check the 16px preview, and download the ZIP.

About this tool

Browsers ask for icons at a surprising number of sizes: 16 and 32 for tabs and bookmarks, 180 for Apple devices, 192 and 512 for Android and installed web apps. This produces all of them from one source, plus a genuine multi-size <code>favicon.ico</code> containing the 16, 32 and 48 pixel versions — the file browsers still request by default.

The advice that matters is about design, not sizes. A favicon is normally seen at about the size of a full stop, where wordmarks and photographs turn to grey mush. A single letter or one strong shape is what survives. Judge the result by the 16 pixel preview, not the 512.

The ZIP includes the HTML snippet to paste into your head, since the markup is as easy to get wrong as the images.

Common uses

• Creating a full favicon set for a new site.
• Producing an Apple touch icon and Android icons.
• Making a real favicon.ico rather than a renamed PNG.

Frequently asked questions

Do I still need favicon.ico?

It remains the file browsers request at the site root by default, and the ICO here holds the 16, 32 and 48 pixel versions in one file, as the format intends.

Why does my logo look terrible at 16px?

Because almost every logo does. Detail and text disappear at that size — use one letter or a single strong shape for the icon, even if the full logo appears elsewhere.

What if my image is not square?

It is cropped to fit, and the tool says so when it detects a non-square source. Starting from a square graphic gives a much better result.