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.
Follow along with the free Favicon Generator, which runs in your browser, or browse more tools in this category.
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.