Favicon Generator

The Favicon Generator crops an image you upload to a square and produces PNG icons in seven sizes at once: 16, 32, 48, 64, 180, 192 and 512 pixels. You can download them one by one, or click "Download all" to save them in one go. It outputs PNG only, does not create a traditional .ico file, and does not write the HTML link tags or a manifest.json for you.

How to use it

1. Click the dashed upload area, or drag an image onto it. Any image file the browser recognises is accepted (the page filters with image/*). A file that is not an image shows a red message, and choosing the same file again processes it again.
2. Once the image is read, the page immediately lists previews for all seven sizes, each labelled 16×16, 32×32 and so on.
3. To get a single size, click its preview. The browser downloads a file named favicon-SIZExSIZE.png, for example favicon-32x32.png.
4. To get every size, click "Download all". The tool triggers seven downloads about 0.15 seconds apart, and your browser may ask whether to allow multiple downloads. Choose allow.
5. Put the downloaded files in your site and point to them with link tags in the head of your page.

How it works and an example scenario

The tool takes the largest square area centred on the image and scales that area to each target size. A rectangular image therefore loses its left and right edges, or its top and bottom, rather than being stretched. If you upload a wide logo banner, the ends of the long side are cut away and the middle square is kept. A typical workflow is to prepare the largest square logo you can, generate the set, use the 32x32 or 16x16 for browser tabs, the 180x180 as an iOS home-screen icon, and the 192x192 and 512x512 in an Android or PWA configuration. Those uses are common conventions, so check your platform's documentation. There is no calculation or benchmark data involved.

Supported features and known limits

• The output sizes are fixed at 16, 32, 48, 64, 180, 192 and 512. You cannot set custom sizes.
• PNG only. There is no .ico or SVG output. Modern browsers generally accept PNG icons directly, but if you need to support very old browsers or particular tools you may need to convert to .ico separately.
• It only does a centred square crop. You cannot adjust the crop position, zoom, corner radius or background colour. To keep the whole of a rectangular image, place it on a square canvas in another tool first, then upload.
• Transparent images keep their transparency; no white background is added.
• If the source image is smaller than a target size (for example a 100-pixel image producing a 512-pixel icon), it is enlarged and looks blurry. The page shows a note when the shorter side is under 512 pixels; use a square original of at least 512 pixels.
• Very detailed images become unclear at small sizes like 16 and 32, so simple shapes work best. Previews under 48 pixels are drawn pixelated so you can inspect them.
• Only one image is handled at a time, and uploading again replaces the earlier result. Images that fail to read or load, or have no intrinsic size (such as some SVGs), show a red error message and produce no result.
• No HTML snippet or manifest is produced and nothing is bundled into a ZIP. Downloading everything depends on the browser allowing multiple downloads.

What kind of image should I upload?

Ideally a square image of at least 512x512 pixels, with a simple, centred subject, such as the square version of a logo. If the subject sits near an edge, centred cropping may cut part of it off.

Why is there no favicon.ico?

This tool focuses on PNG output in several sizes. Modern browsers widely support linking PNG icons directly with a link tag. If you specifically need an .ico file, use a separate conversion tool.

"Download all" only gave me some of the files. What happened?

"Download all" is a script that starts seven downloads one after another, and some browsers block multiple automatic downloads. Look for a blocking notice near the address bar and allow it, or click the previews one at a time instead.

Where is each size used?

16, 32 and 48 are commonly used for browser tabs and desktop shortcuts. 180 is commonly used for iOS add-to-home-screen, and 192 and 512 for Android and PWA install icons. 64 is a handy general mid-size. These are conventions, so check your platform's documentation for exact requirements.

Privacy and how your data is handled

The image is read and resized locally using the browser's FileReader and canvas. It is not uploaded to any server and the page does not store it. The results disappear when you close or refresh the page, so download what you need first.