Friday, November 20, 2009

3 Spots Where Your Favicon is Shown

By David Broadhead, Ph.D.

If you're curious about where your favicon is displayed, just follow along, and you'll find out.

To do this, I'll give you the URLs of two websites. They are two of my favorites, but most of you have probably never been to either one before. If you have, then choose the one you have never visited. That way you can see the favicon appearing suddenly, when the browser finds and displays it. Here are the URLs, but don't go there yet! Wait a minute!

URL1: www.stormcarib.com

URL2: www.triddlers.com

1st Place: the Address Bar

OK. Are you ready? First, I want you to open a new tab in your browser, or a new window if you don't have tabbed browsing. Then type the URL you chose into the Address Bar. Watch carefully, and you'll see the favicon suddenly appear! It will be to the left of the URL you just typed.

2nd Place: the Tab Bar

If you're using a tabbed browser, then you'll also see the favicon just to the left of the title of the website. If not, then you won't be able to observe the favicon's second location.

3rd Place: Bookmarks or Favorites

If you've never been to this URL before, it obviously won't be in your bookmarks yet. So click on 'Favorites', then 'Add to Favorites'. Now just click 'Add'. Go back to 'Favorites', and you should see your new favorite at the bottom of the list, with its favicon just to the left.

If you have recently made a favicon of your own, and it doesn't appear in any of the three places where it should be, don't despair! This happens all the time. Here's what to do:

1) Clear your cache.

2) If this doesn't reveal your favicon, then you'll need to close your browser, and then open it again.

3) If that still doesn't work, there are only two possibilities left: a) Your browser doesn't support favicons, which is highly unlikely, or b) You don't really HAVE a favicon!

I know it may say 'favicon.ico', but that doesn't mean it's a REAL favicon. You need to create a favicon in the correct manner, else it won't act like a favicon is supposed to. Take a look below for more info.

About the Author:

No comments: