Tyler Clemons

Adding Icons to Web Browsers

by on Jun.28, 2008, under General, Random, Technology, WebTechs, WordPress

Finally decided to find this one out. A good number of websites have little pictures next to their url in the address bar. For instance, Apple has a platinum Apple and CNN has the CNN logo.  I finally decided to use MSN, MSN also has a cool webicon, to learn how to put one on my website.

Those little web icons are called FavIcons (Favorite icons) and their file type is .ico. (Where have I been lol!?) To utilize them, you must create a small image of the .ico format. You can do this using some picture editors or you can go HERE and do it for free.  I did the latter.  After your icon is created, upload it to the root directory of your website but some have reported it is to be placed in the /images directory.

Then place this in your html header:

<link rel=”shortcut icon” href=”favicon.ico” >
<link rel=”icon” href=”animated_favicon1.gif” type=”image/gif” >

The second line is optional pending if you decide on using the animated gif given by the free generator.  Be sure to upload both files if you intend on doing that.

To see the results, you may have to do one or more of the following:

1. Refresh.

2. Bookmark your page.

3. Clear your cache.

:, , ,

2 Comments for this entry

Leave a Reply

Looking for something?

Use the form below to search the site: