Have you noticed those icons in your browser’s tab for every page you visit? They are nothing more than, well, little icons. In this tutorial I will show you how to make one for your site.
Step 1: Make Your Icon
Make a 16px by 16px or 32px by 32px picture of the icon you want visitors to have for the tabs of your site.
The format has to be gif, jpg, bmp or png
Step 2: A Fav Icon Generator
The image extension you used is not actually the image extension that is required, the extension used is .ico. You can save your image with this extension, if your photoediting program allows, but if it doesn’t you can visit Dynamic Drive’s Favorite Icon Generator.
Simply upload your image file and save the returned file and upload it to your server.
Step 3: Put Icon On Browser Tab
Once you have uploaded the .ico file put this tag in your head tag. Replace pathToIconFile with the path to your icon file.
<link href="pathToIconFile.ico" rel="shortcut icon" type="image/x-icon">
Step 4: Retween This Tutorial
You gotta complete all the steps in order for this to work 😉