Open Media Toolkit
Utility

Make favicons for your website

Your files are processed on your device. We never upload them.

HEIC photos are decoded with libheif, under the GNU LGPL. Browsers that can't read AVIF use libavif from jSquash.

How to make favicons for your website

  1. 01A ▸Choose your logo or picture. A square PNG or SVG of 512 pixels or more works best.
  2. 02A ▸Choose fit or crop, and the background for the iPhone icon.
  3. 03A ▸Select Make favicons, download the zip, and paste the HTML into your pages.

Questions

Which files do I get?

favicon.ico with 16, 32, and 48 pixel sizes; 16 and 32 pixel PNGs; a 180 pixel apple-touch-icon.png for iPhones and iPads; 192 and 512 pixel Android icons; and site.webmanifest.

Where do the files go?

In the top folder of your website, next to your home page. The HTML lines shown after making them link each file from there.

Why does the iPhone icon have a background?

iPhones show see-through parts of a home screen icon as black, so that one icon is filled with the colour you choose. The others keep their transparency.

Can I use an SVG logo?

Yes. It's drawn at 512 pixels first, so every icon is sharp.

My logo isn't square. What happens?

Fit inside the square keeps the whole logo with see-through space around it. Crop to a square keeps the middle.

Are my images uploaded?

No. Your files are processed on your device. We never upload them.