Favicons are small pictures, either 16 x 16 pixels or 32 x 32 pixels, stored in the MS Windows Icon format alternately GIF or PNG image format.
Your small picture can have any filename (with proper file ending depending on the format) and can be placed anywhere on your server. To show the favicon place the following meta tag in the HEAD section of your HTML:
<link rel="shortcut icon" href="http: //www.server.com/gfx/myicon.ico">
(change the path to your server/path, remember to begin with 'http: //')
I recommend to keep it at 16 x 16 pixels as the browsers will scale it down to this to fit it in the UI.
PNG is my recommended format, unfortunatelly Internet Explorer doesn't support anything other than it's Icon format so if you need IE support save it in the Icon format.
You can use various image programs to create these favicons, Photoshop or GIMP works. There are online tools too for creaing favicons, here's one:
Posted 1874 days ago