Ever see those little custom icons next to a web site listing in your favorites folder or on your browser address bar? Have you ever wondered how to create one for your own site? Well I'm going to teach you in this article.The icons are called "Favicons", a contraction of
phrase "favorite icons". To see an example, go to www.searchenginecollege.com and bookmark
site (or add to your "favorites" list). Now close your browser window and open a new one. Click on your bookmarked sites or favorites list and find
site you just bookmarked. See
tiny mortarboard graphic next to
listing? That's a Favicon. It makes
site stand out from all
others in your favorites list. If you click on that site,
Favicon will even load next to
URL in your browser address bar from now on.
Cool huh? Like to create a Favicon for your own site? It's easier than you think. Here's what you do:
1) Choose an image or symbol that you would like to use to represent your web site. This could be a tiny version of your logo, a graphic or perhaps a stylized version of your company initials. A famous example of this is
"Y!" Favicon used by Yahoo! A Favicon is meant to reflect
look and feel of a web site or a company logo. Remember it needs to be simple and clear enough to have visual impact when converted to 16 x 16 pixels.
2) Take a high quality version of your chosen image in .JPG or .GIF format and if it isn't already, convert your image to
256 color Web Safe Palette or
Windows 16 color format (the fewer colors
better).
3) Using your favorite graphics package or image manipulation software, reduce
image down to 16 pixels wide by 16 pixels high, being careful to preserve
image resolution. This is
tricky bit, because you might find your chosen image looks fantastic at
original size and downright silly at 16 x 16 pixels! Keep experimenting until you are happy with
finished icon.