This post is an Answer to the comment posted by Carol A Ranney on “How to make custom icons”.
A favourite icon commonly known as a favicon is the small image shown near the URL in the address field of the browser. Now a days these icons are also used for bookmarks. You can easily create one for your web site too. Here are the steps involved :
1. Create a favicon.ico file
Use the method mentioned in How to make a custom icon. Create an icon with a size of 128×128 or larger dimension which you can work easily on. Now scale it down to 16x16px. It is better to use 256 colors only. Save his as favicon.ico
2. Upload the icon
If you are the admin then upload the icon to the root directory of your web site. This is normally public_html or where the index.html file lies.
You will be able to see the icon for all the pages from your web site now.
3. Adding a <link> field
If you want to use a different icon for a particular page add
<link rel="shortcut icon" href="ICON" type="image/x-icon" />
in between the <head></head> tags of the page where icon location refers to PATH/favicon.ico the place where you saved the icon.
4. More on favicons
Most of the current browsers also support GIF files as favicons. Use the name favicon.gif if you are using one. You can use animated icons by saving the animation as a GIF file and then use it as your favicon. Firefox even supports png file to be used as favourite icon.
If you have any further doubts please feel free to comment here.
Some related articles you may like :