Favicon generator
Upload your logo and download every favicon size a modern website needs, including the favicon.ico file.
Drag your logo here or click to choose it
A square image of 512 × 512 px or larger works best
Only applied when your image has transparent areas. Leave it transparent to keep the alpha channel.
Your file never leaves your browser: everything is processed on your device.
How the favicons are generated
First we take the largest centred square of your image, so a wide logo is not squashed. That square is then repainted on a canvas of each size and exported as PNG.
crop side = min(width, height)
The favicon.ico file is built with our own ICO encoder: an ICONDIR header, one directory entry per size and the 16, 32 and 48 px PNGs embedded as-is. Since Windows Vista the ICO format accepts PNG payloads, and every current browser reads them.
The large sizes are not decorative: 180 px is the icon iOS uses when a site is added to the home screen, and 192 and 512 px are what a PWA manifest asks for.
Worked example
A 1024 × 768 px logo is cropped to the central 768 × 768 px square, and from there come the six PNGs and the .ico, all centred and undistorted.
Frequently asked questions
- How big should my source image be?
- The bigger the better: at 512 × 512 px or above every size comes out sharp. From a small image, the large sizes will look pixelated.
- Do I still need favicon.ico if I have the PNGs?
- It is still recommended: some browsers and many aggregators request it at the root of the domain without reading your HTML tags.
- Is transparency preserved?
- Yes, unless you pick a background colour. The PNGs keep the alpha channel and the .ico embeds those same 32-bit PNGs.
- Where do the files go?
- favicon.ico at the site root and the PNGs wherever you like, referenced with the link tags shown after generating.