The favicon is the small icon next to a page's title in a browser tab, in bookmarks and in the address bar. A proper one makes a site look finished — and it needs to be sharp at some very small sizes.
How to make one
- Open Favicon Generator and add a square image — a logo or simple graphic works best.
- It's rendered into a multi-size .ico containing 16, 32 and 48-pixel versions.
- Download
favicon.icoand add it to your site.
Start simple
Favicons are tiny, so fine detail disappears at 16px. A bold, roughly square logo or a single letter reads far better than a busy photo. If your source isn't square, crop it to a square first so nothing important gets cut off.
Installing it
Put the downloaded favicon.ico in your site's root folder, or reference it with a <link rel="icon"> tag in your HTML head. Browsers pick the right size automatically from the multi-size file.
The icon is generated in your browser, so your logo never gets uploaded.