To create a favicon, open the Favicon Generator, choose a square image and download the multi-size favicon.ico it builds. Upload the file to your site’s root and link it in your HTML head.
How to use the Favicon Generator
- Choose a square source image, ideally 512 x 512 or larger.
- Generate the favicon.
- Download favicon.ico.
- Place it in your site root and reference it with a link tag.
Worked example
A 512 x 512 logo produces an icon containing several sizes, such as 16, 32 and 48 pixels.
Tips and common mistakes
- Simple, bold shapes stay readable at 16 pixels.
- Use a square image so nothing is distorted.
- Browsers cache favicons aggressively, so changes can take time to appear.
Frequently asked questions
What size should the source be?
A square image of at least 256 pixels works well.
Where does favicon.ico go?
In the root of your site, or linked from the head.
Is my image uploaded?
No.