Click Here!
Article Sections: | Internet Marketing | Web Design | Web Development | Business | Internet and Businesses Online | Self Improvement |  
>> Home > Web Design > Web Design Tutorials

How to create a customized Favorites Icon

By Michael Bloch
Posted Friday, October 1, 2004

If you have ever visited sites such as Yahoo and added them as a favorite, you would have noticed that the icon is very different to other favorites in your menu.

Here's how it's done. This works on IE5, I'm not sure about other browsers. Test it out by going to ( and adding it to your Favorites
Create a new image 16x16 pixels in your favorite graphics program.

Drop the number of colors to 16 to minimize file size

Create your graphic (okay, I know-16x16 pixels doesn't give you much room to be creative!)

Save it as a gif.

Use an icon editor or similarly capable graphics program to open it. If you need an icon editor, email me and I'll send you a link to a free copy.

Save it as favicon.ico in the root directory of the web.

This will help make your Favorites listing stand out from the rest........

The file size is very small, so it won't bug your users. The Taming the Beast icon is around 318 bytes.

About the Author
Michael Bloch
Taming the Beast
Tutorials, web content, tools and software.
Web Marketing, Internet Development & Ecommerce Resources


Click Here!



  Articles are submitted to EDN and licensed from various content sites.
  To report abuse, copyright issues, article removals, please contact [violations (at@)]

  Copyright © Evrsoft Developer Network. Privacy policy - Link to Us

Contact Evrsoft