ICON for webpage!!!

[gkp.gaurav]

hi buddies
can someone plz tell me that how can i add an icon to my web page!!! .... when i open kirupa, an "orange" icon appears in the browser's address bar. what is this, and how can we make this?

[duncanhall]

They're known as 'favicons' as they are the Icons that appear in the Favourties list of your browser. See here for more:

http://www.favicon.com

[foodpk]

Make an icon that's 16x16 in size and name it favicon.ico
Put it in the folder where your site is and add this piece of code in the head section of your document.

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
If you don't know how to make a .ico file, just draw something and save it as a .gif or .png and then convert it using this page http://www.chami.com/html-kit/services/favicon/

[noTime]

There's no need to make .ico file - GIF and PNG work great too.

[gkp.gaurav]

ok, thanks. but cant i test this on my local machine?

[gkp.gaurav]

There's no need to make .ico file - GIF and PNG work great too.


and name "favicon" is must?

[noTime]

No, there's no such thing as must in HREF attributes.

[evildrummer]

you guys are mixing things, if you name a .ico favicon.ico and put it in your servers root directory then all pages will get the icon even if you dont insert the favicon code, however if you use the code

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
then it CAN be named something else but its always better to name it favicon.ico as a backup method.

[foodpk]

Yeah, it doesn't hurt to name it favicon.ico AND add the link tag.

[evildrummer]

^ best method as some browsers only support one and not the other,