How To Easily Make a Favorite Icon For Your Site

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 ;)

blog comments powered by Disqus