How to Create a Favicon for Your Web Site
How to Create a Favicon for Your Web Site
The icons are called "favicons", a contraction of the phrase "favorite icons". To see an example, go to www.searchenginecollege.com and bookmark the 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 the site you just bookmarked. See the tiny mortarboard graphic next to the listing? That's a favicon. It makes the site stand out from all the others in your favorites list. If you click on that site, the favicon will even load next to the 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 the "Y!" favicon used by Yahoo! A favicon is meant to reflect the 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 the 256 color Web Safe Palette or the Windows 16 color format (the fewer colors the better).
3) Using your favorite graphics package or image manipulation software, reduce the image down to 16 pixels wide by 16 pixels high, being careful to preserve the image resolution. This is the tricky bit, because you might find your chosen image looks fantastic at the original size and downright silly at 16 x 16 pixels! Keep experimenting until you are happy with the finished icon. If you can't seem to make it work or you're short on time, you can use a free icon converter like Image Icon Converter http://www.popularshareware.com/Image-Icon-Converter-download-11313.html to convert your graphic to an icon or use an icon editor such as ImageAuthor http://imageauthor.com/ to build your icon from scratch.
4) You're nearly done! Now, take your completed icon and save it as "favicon.ico". This is the default icon name that web browsers like Internet Explorer and Netscape look for. If you want to be really clever, you can even create a customized icon for each page on your site - instructions for this can be found at www.favicon.com.
5) Take your .ico file and copy it into the the root directory of your web site (the main directory that contains all your HTML pages). Now every time a visitor bookmarks your site, your icon is copied into their cache file and displays whenever that visitor returns.
6) To test your finished favicon, get a friend or colleague to bookmark your site and then open a new browser window. You can bookmark your own site but you generally only get one attempt at this so it's best to save it for when you are sure you're happy with your finished favicon. Alternatively, dump your cache and open a new browser window between tries. If you did it correctly, you should see your shiny new favicon appear in your favorites list next to your site listing and also next to your URL in the address field of your browser.
That's it, you're done! You now have an eye-catching icon representing your web site in the favorites list of all your visitors. A professional impact for very little effort.
Copyright © 2004 by Kalena Jordan. All rights reserved under U.S. and international law.
How to Create a Favicon for Your Web Site - To learn more about this author, visit Kalena Jordan's Website.
Like this article? Share it with your friends
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 the phrase "favorite icons". To see an example, go to www.searchenginecollege.com and bookmark the 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 the site you just bookmarked. See the tiny mortarboard graphic next to the listing? That's a favicon. It makes the site stand out from all the others in your favorites list. If you click on that site, the favicon will even load next to the 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 the "Y!" favicon used by Yahoo! A favicon is meant to reflect the 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 the 256 color Web Safe Palette or the Windows 16 color format (the fewer colors the better).
3) Using your favorite graphics package or image manipulation software, reduce the image down to 16 pixels wide by 16 pixels high, being careful to preserve the image resolution. This is the tricky bit, because you might find your chosen image looks fantastic at the original size and downright silly at 16 x 16 pixels! Keep experimenting until you are happy with the finished icon. If you can't seem to make it work or you're short on time, you can use a free icon converter like Image Icon Converter http://www.popularshareware.com/Image-Icon-Converter-download-11313.html to convert your graphic to an icon or use an icon editor such as ImageAuthor http://imageauthor.com/ to build your icon from scratch.
4) You're nearly done! Now, take your completed icon and save it as "favicon.ico". This is the default icon name that web browsers like Internet Explorer and Netscape look for. If you want to be really clever, you can even create a customized icon for each page on your site - instructions for this can be found at www.favicon.com.
5) Take your .ico file and copy it into the the root directory of your web site (the main directory that contains all your HTML pages). Now every time a visitor bookmarks your site, your icon is copied into their cache file and displays whenever that visitor returns.
6) To test your finished favicon, get a friend or colleague to bookmark your site and then open a new browser window. You can bookmark your own site but you generally only get one attempt at this so it's best to save it for when you are sure you're happy with your finished favicon. Alternatively, dump your cache and open a new browser window between tries. If you did it correctly, you should see your shiny new favicon appear in your favorites list next to your site listing and also next to your URL in the address field of your browser.
That's it, you're done! You now have an eye-catching icon representing your web site in the favorites list of all your visitors. A professional impact for very little effort.
Copyright © 2004 by Kalena Jordan. All rights reserved under U.S. and international law.
How to Create a Favicon for Your Web Site - To learn more about this author, visit Kalena Jordan's Website.
Like this article? Share it with your friends
 | |
 |
No article feedback found. |
| |
Leave Your Feedback |
 | |
| |||
|
I've created this section on my site to share some of the incredible tools that I've used to build my business. I hope you too can benefit from them and look forward to hearing your feedback on the reviews! - Visit Evan Carmichael's Website |
|||
Leanne Hoagland-SmithAre your sales where you want them to be? Will you be one of the few who achieves sales or business success or one of the many who have failed to change? Are you tired of being told you are like everyone else? Then you may find my first book on sales of interest. Be the Red Jacket in the Sea of Gray Suits, The Keys to Unlocking Sales available at Amazon or at http://www.processspecialist.com/red-jacket.htm. This book is a reflection of my no-nonsense approach to improving sales to overall business results. If you are truly committed to making sustainable changes, then I can help you secure a positive return on your investment because I focus on executable solutions not telling you the problems you already know you have. From training to corporate (group) coaching to executive one on one coaching, my approach is to assess, create awareness, build a goal driven action plan and then execute. The bottom line question is "Not do you or your employees know it, but do you or they want to do it?" Please call for a free strategy session at 219.759.5601. - Visit Leanne Hoagland-Smith's Website |
|||
Cheryl MatthynssensCheryl is a life skills coach, licensed Chemical Dependency Counselor and a 20 year entrepreneur. Cheryl's dedication to achieving a life of balance led to her expanding her teaching from the simple managing of life's daily challenges to adding financial well being as well. A direct marketer with DrinkACT, she is gaining ground in the online community with her concepts of making sure business owners, entreprenuers and employees have well rounded life styles. She opened up a small affiliate site - The Balance Guide- to help others find resources for mental and emotional well being. Visit Cheryl's blog to see more of the diversity beyond business she has began offering online at www.thebalanceguide.blogspot.com - Visit Cheryl Matthynssens's Website |
|||
John BrennanJohn Brennan Ed.D. Dr. Brennan is President of Interpersonal Development, LLC, a training and development firm. Interpersonal Development has provided sales training and coaching to more than 3,000 sales reps from over 100 companies. A native of Australia, Dr. Brennan received his doctorate from the University of Rochester. His dissertation researched the effectiveness of Behavioral Modeling Technology in training people in interpersonal skills. While he has spent most of his career designing or delivering training, he was also a Vice-President of Sales of a training and development franchise with operations in 25 markets. Dr. Brennan has designed and delivered sales training in North America, Asia, Europe, Australia and the Middle East. He has been a guest speaker at numerous national and regional professional conferences. When Microsoft wanted Best Practices articles on sales for their web site, they called Dr. Brennan. The results are at http://office.microsoft.com/en-us/FX011387391033.aspx His firm’s clients have included Volvo, The Prudential, Merrill Lynch, Eastman Kodak, Gannett, Equifax Europe, the Economist Group and countless small businesses. - Visit John Brennan's Website |
|||
|
To learn more about the Evan Elite Author Program please contact us. | |||
 | |
|  |
Subscribe to Kalena's articles
 | |
|
|  |
 | |
|
| |
 | |||||||
|
 | ||
 |
||
 |
||
|
||
|
| ||
 |
| Have you written articles that would be of value to entrepreneurs? Become an expert on our site by publishing them! Expose yourself to a wide audience, drive more traffic to your website and get more sales! Click Here for details. |
|
|
 |
| Modeling the Masters: Learn the true secrets behind Walt Disney's business success factors & grow your company! Video produced by Phanta Media |
|
|
 |
"Learn straight from Evan how you can Make a Full Time Income (And More) from a Website"
Click Here To Learn More |
|
|
|
|
Get advice & tips from famous business owners, new articles by entrepreneur experts, my latest website updates, & special sneak peaks at what's to come!
|
|
|
 Feed your body, gain a life Crazy Busy TeleSeminar Etiquette Radio Campaigns Dismiss a Franchise |
|
 | ||
 |
Top 50 Blogs For Startups
Top Blogs To Watch In 2008 | |
 |
Top 50 HR Blogs 2009
Top 50 HR Blogs 2009 | |
| ||
 | ||||
| ||||
|
| ||||
| ||||
|
|
|
|
|
||||||||||||
|
Email us your ideas on how to make our website more valuable! Thank you Sharon from Toronto Salsa Lessons / Classes for your suggestions to make the newsletter look like the website and profile younger entrepreneurs like Jennifer Lopez and Sean Combs!
|
|
|
| ||||||||||||
| ||||||||||||
|
|
||||||||||||