Adding a favicon to a static HTML page
You can make a .png image and then use one of the following snippets between the <head> tags of your static HTML documents:
favicon
Does a favicon have to be 32×32 or 16×16?
Update for 2020: Sticking to the original question of 16×16 versus 32×32 icons: the current recommendation should be to provide a 32×32 icon, skipping 16×16 entirely. All current browsers and devices support 32×32 icons. The icon will routinely be upscaled to as much as 192×192 depending on the environment (assuming there are no larger sizes … Read more
How to add a browser tab icon (favicon) for a website?
There are actually two ways to add a favicon to a website. <link rel=”icon”> Simply add the following code to the <head> element: PNG favicons are supported by most browsers, except IE <= 10. For backwards compatibility, you can use ICO favicons. Note that you don’t have to precede icon in rel attribute with shortcut … Read more