Favicons!


What is a favicon?

A favicon is the icon by the tab. Like this:
TutorialNinja Image

---------

Make sure your image is 16x16 (this makes it IE compatible).
(ico.) is an icon file format.

If not then use a jpeg / gif / png to .ico converter

----------

Once you have your 16x16 .ico image, simply open your html file up and add:
HTML Code
  1. <link rel="shortcut icon" href="favicon.ico">
  2. <link rel="icon" type="image/ico" href="favicon.ico">

inbetween the <head> tags.

--------

Notes:

Your favicon.ico MUST be in the same directory as your home (index) page, and leave it loose, making sure not to put it in an images directory or other folder.

Its best if your image is named favicon.ico

-------

Why a favicon?

If you have your own unique logo then its good to make a favicon of it so people will recognise you.

Makes the tabs not as dull =D
JakkyD's Avatar
Author:
Views:
2,147
Rating:
Posted on Saturday 10th May 2008 at 09:17 PM
jambomb
jambomb's Avatar
Aaa thats awsum :)
Posted on Tuesday 6th May 2008 at 01:46 AM
DjMilez
DjMilez's Avatar
Doesn't just uploading a favicon work without placing this?
Posted on Monday 5th May 2008 at 06:13 AM
jambomb
jambomb's Avatar
mine doesnt work