Author Archive

Updates have been very sporadic lately. This is because I’m going through some really busy times as far as school and sports and life in general (hence even the brevity of this post). Posts will still be written on a rare basis, and the website should become fully operational in 2008 once college apps and IB exams have passed. Thanks for all of your support, readers.

Comments 1 Comment »

What is a Favicon?

A favicon is the small icon that you see next to the url in the address bar when you visit many websites.

EOTW Favicon

Favicon stands for “favorites icon”, they can also be called “bookmarks icons.” These small 16×16 icons also appear next to the website name when adding a website to your bookmarks list or toolbar.

Why does my site need a favicon?

Favicons serve many purposes for your site.

  • They build brand/logo recognition. Each time a uservisits your URL, they will see the favicon for your site in the address bar.
  • Your site is easy to identify in a bookmark list. When a user has a long list of bookmarked sites, or favorites, it is often difficult to find a single site.
  • If a user is simply browsing through their bookmarks, your favicon makes your site eye catching; it makes it stand out.
  • Many web surfers use the bookmarks toolbar in IE or Firefox. This is the perfect place to put favicons. Take my bookmarks toolbar for example: My Bookmarks Toolbar With a favicon, they don’t have to waste space with text, they can simply add your favicon. Not only does this continue to build recognition, but also saves users the frustration 0f abbreviating your site’s name to something they will remember.

How do I make a Favicon?

There are many ways to make a favicon, all of them easy. Most favicons are static, but some methods also allow you to animate your favicon. These animated favicons can be distracting, though, so be wary.

Web based Creators:

If you want to create a favicon in Photoshop, here is a great guide from

Ok, I created one, how do I install it on my site?

Installing your favicon is easy.

  1. Rename your favicon to favicon.ico if it is not already called that
  2. Upload the favicon.ico file into your home directory (the same one that contains your index). Do not put it in an images folder.
  3. To increase support for some browsers, add <link rel=”Shortcut Icon” href=”/favicon.ico”> to the html head of the index page and/or pages which you want to include the favicon. Many modern browsers do not need this code, but it is good to support as many as possible. If you use WordPress, you can add this line in header.php using the theme editor to have the favicon display on all pages.
  4. Visit and refresh your page, your new favicon should show up. If your browser does not display it, try refreshing the page or adding a ? to the end of the URL. If this does not help, clear the cache of the browser, close and reopen it. In IE6 you may need to add your site to the favorites menu. In Safari for Mac, you may need to clear the icon cache in User>Library>Safari>Icons. Unless you did something wrong, your favicon should now be showing up.

Comments 5 Comments »