One image in, a complete favicon set out
Give this tool a square logo — ideally 512px or larger — and it renders the six sizes a modern site needs: 16, 32 and 48px for the classic favicon, 180px for Apple touch icons, and 192px + 512px for web app manifests. Large reductions are stepped down in successive halves rather than one jump, which keeps small icons crisp instead of muddy — the same trick the Image Resizer uses. Non-square sources can be center-cropped automatically or padded with transparency.
The Download favicon.ico button builds a real multi-image ICO file: an ICONDIR header, one directory entry per size, and the 16, 32 and 48px images stored as PNG data. PNG-in-ICO has been valid on every modern platform for years (Windows since Vista), and it keeps the file dramatically smaller than old uncompressed BMP icons. The browser picks whichever embedded size fits best.
Installing your favicons
- Drop in your logo and check the size previews — especially 16px.
- Download favicon.ico plus the PNG sizes you need.
- Place favicon.ico at your site root; put the PNGs anywhere.
- Copy the HTML snippet into your
<head>, and reference the 192/512 icons from your manifest.
Design tips for tiny sizes
At 16px, wordmarks and fine detail dissolve into noise. Favicons that stay legible use a single bold shape or letter, strong contrast against both light and dark tab bars, and a little breathing room at the edges for platform masks. If your full logo is too intricate, crop to its strongest element with the Image Cropper before generating.