Make favicons from one image
A favicon is the small icon in a browser tab, and sites need it in several sizes — tiny for the tab, larger for bookmarks and home-screen shortcuts. Producing each size by hand is tedious. This generator takes a single source image and outputs the common favicon sizes, ready to drop into your site.
How to use it
- Drop in a square image, ideally simple and bold.
- Generate the set of sizes.
- Download them and reference them in your page's head.
Design tips
- Keep it simple — detail disappears at 16 pixels.
- Start from a square so nothing gets cropped awkwardly.
- High contrast reads better in a busy row of tabs.
Questions people ask
Which sizes do I actually need? A small size for the tab and a couple of larger ones for bookmarks and mobile shortcuts cover almost every case.
Is my image uploaded? No — the icons are generated in your browser.