Favicon maker

Each size is drawn separately from your picture rather than scaled down from one another, so every icon is as sharp as that size allows. The .ico is written here byte by byte: an icon directory, one entry per size, and a PNG for each — the format browsers have accepted since Windows Vista, and the reason this page needs no library to build it. Inside it are 16, 32, 48, 64, 128 and 256 pixels. The PNGs beside it are the ones phones and app manifests ask for: 180 for an Apple home screen, 192 and 512 for a web manifest.

The preview shows every size at its real pixel size, 16 included, because that is the one that matters and the one nobody checks. A logo that reads at 512 usually turns to mud at 16: if it does, the fix is not a better downscale, it is a simpler mark — one letter, one shape, two colours. The page cannot do that for you, but it can show you the problem before a browser does.

Fill the square crops a rectangular picture to the middle; fit inside keeps all of it and leaves the rest empty, or filled with a colour if you tick Background. Transparency survives into both the PNGs and the .ico. An SVG is rasterised at each size, which is the right way round: it is drawn at that size rather than shrunk.

The PNGs come as separate downloads rather than a zip, because a zip would mean carrying a compression library for the sake of one button; your browser may ask you to allow several files at once. Nothing is uploaded, the page makes no network requests, and nothing you drop is stored; the Dark button keeps its own setting in this browser's local storage.