Maria’s Guides

Support and additional material for readers of books and articles by Maria Langer.


Random Book Cover #1Random Book Cover #2Random Book Cover #3Random Book Cover #4Random Book Cover #5Random Book Cover #6Random Book Cover #7Random Book Cover #8Random Book Cover #9

favicon.ico

Posted on March 29th, 2006 at 7:36 pm ·
Filed in: RSS WordPress Books   

About the favicon.ico file and how you can create one.

Ever wonder how some Web sites put their own custom icons in the address bar of the Web browser window when you visit them? Or, if you read your site’s Web logs, why there are so many requests for a file named favicon.ico that you might not have?

As you might have guessed, these two questions are related. The tiny image that appears in the address bar is displayed from the favicon.ico file that should reside in the root directory of your Web site.

There are a number of Web sites that make it easy to create this file based on an existing image, using a Web interface. The one I like is on the chami.com Web site, at http://www.chami.com/html-kit/services/favicon/. Chami is the maker of HTML-Kit, a “standards-compliant, full-featured and multi-purpose development environment for editing HTML and other Web-related file types.”

Click a browse button to find the image you want to convert to a favicon.ico file and select the file. Then click the Generate FavIcon.ico button. In moments, the image you chose is converted into the proper format and ready to download. Copy it into your Web site’s root directory and add a bit of HTML code to the HEAD section of your Web pages (or the header.php or index.php file in the active theme of a WordPress installation — whichever file has the HEAD section). The next time you load the page, the image will appear.

Cool, no?

Now if only I had some artistic abilities.

 • Read 74013 Times
Add to Del.icio.usAdd to Del.icio.us • Technorati ThisTechnorati This • Digg ThisDigg This • Stumble ItStumble it! • Twit ThisTwit This


 

 

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

If you have a Gravatar, it will appear beside your approved comment.
No Gravatar? Get one free!