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.
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.
Related calculators
- Compress JPGShrink a JPG photo by choosing how much compression to apply.
- Compress PNGShrink a PNG by reducing how many colours its palette holds.
- Compress WebPShrink a WebP image by choosing its compression quality.
- JPG to WebPConvert JPG photos to WebP so your site loads faster.
- PNG to WebPConvert PNG images to WebP while keeping transparency.
- WebP to JPGConvert WebP images to JPG so any program can open them.
- Resize imageChange the pixel width and height of an image without distorting it.
- Change image resolution (DPI)Set the DPI of an image and control its real printed size.
- Crop imageDrag a selection over the image and crop it to that rectangle.
- Convert imageConvert between JPG, PNG and WebP by picking the output format.
- Image to Base64Turn an image into a Base64 string or a ready-to-paste data URI.
- Image colour pickerClick anywhere on an image and read that pixel in HEX, RGB and HSL.
- Extract colours from an imageGet the dominant colour palette of any photograph.
- OG image generatorCreate a 1200 × 630 px Open Graph image with your title and colours.