May 3, 2003 |
Brand Your Website's URL With a FaviconHave
you ever noticed that when you look at your browser favorites menu or the address bar,
some entries have their own little icon beside their URL?
It's called a "Favicon" (a graphic file with a .ico extension) and it's
placed in the root directory of the web site. Everytime you bookmark a site that has its
own favicon.ico file, it is added to your browser, and it will be visible from then on in
the favorites menu and in the address bar. This is an example of how they look:
Favicons in Favorites menu
|
Yahoo Favicon in address bar
|
At the beginning, only large websites
had a favicon, but now you too can create one and use it to brand your website. In
fact, we have already done it:
The Internet Digest Favicon
|
The first thing you have to do is to create your favicon. To be
displayed by browsers, it must have a size of 16x16 pixels. To create one, you can
use a graphics program called Icon Forge (you can download a free trial version in CNET):
http://download.com.com/3000-2195-10128559.html
You can either create an icon from scratch, or import a 16x16 '.gif' or '.jpg' file and
save it as a '.ico' file.
You will then have to save your icon with the default name of 'favicon.ico', and upload
it to the root directory of your website (where your index page is). Finally, after
that, you must associate your icon to your web page. You do that by including the
following HTML code immediately after the <HEAD> tag of your page:
<link REL="SHORTCUT ICON"
HREF="http://www.yourwebsite.com/favicon.ico">
Once you've done that, you're done. To try it out, go to your web page and add it to your favorites. You
should be able to see the favicon next to your bookmarked page title. Also, the next
time you type your URL in the address bar, you will also see your favicon to the left of
the URL.
P.S. Favicons work with Internet Explorer 5 or
newer, and with recent versions of Netscape.
Update: I recently found this site who's publisher is
collecting favicons.
Interesting...
May 3, 2003
You can freely reprint this article. Just include the following resource box at
the end:
Mario Sanchez publishes The Internet Digest ( http://www.theinternetdigest.net
) a website and newsletter that gives you free advice on web design and Internet
marketing.
To read other articles, go to our Archive.
To receive a short Email every time a new article is published, send a blank Email to:
TheInternetDigest-subscribe@topica.com
Your e-mail address will never be sold, rented or given away to anybody. You can
unsubscribe at any time.
|
Over two years in development,
Web Design Mastery
is your complete guide to learning professional Web Design... Specially designed for small
businesses, it is packed with the exact information you need to succeed.
SEND THIS ARTICLE
TO A FRIEND:
Support The Internet Digest by buying great books from
Amazon following these links:
|
