HTML – Favicon

A “Favicon” is the icon that appears next to the address bar, and also the icon that appears on a Favourited or Bookmarked page, hence the name.

This tutorial will tell you how to create the favicon, and how to implement it into your website.

This is the Favicon of my WordPress blog in Firefox. To make the icon it is simple. The icon must be 16×16. When you have made it (this isn’t explained in the tutorial), save it as a .bmp, and then change the extension manually by renaming it. If you are unable to see the file extension in Windows Explorer, go to Tools > Folder Options, then click on the view tab, and uncheck “Hide extensions for known file types”.

The code is relativley simple, just paste this into the <head> part of your document:

<link rel=”shortcut icon” href=”yourimage.ico” />

That’s all! You just need to rename the “yourimage” with the actual image path, but I’m sure you worked that out…


~ by Tom Smith on January 2, 2007.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: