Making a favicon
A favicon is the small icon shown on a browser tab, in bookmarks and in search results. A clear one makes a site look finished.
How to use it
- Choose a square image, ideally at least 64 pixels wide
- Generate the 32 by 32 favicon
- Download favicon.png and upload it to your site
- Add the link tag to your HTML head
The tool crops the image to a square from the centre, so the subject should be in the middle.
Frequently asked questions
What size should a favicon be?
32 by 32 pixels is the safe standard. Some sites also add a 180 by 180 version for phones.
Does it work with a logo that is not square?
Yes, it crops the centre to a square, so place the subject in the middle first.
Is my image uploaded?
No, the favicon is created in your browser.