All About The Fav Icon

[iGuest 3]

do you want to add fav icon to you site
the fav icon show in favorites in the user brwoser and adress bar
it show in only ie5+
-------
to add this icon to your site you need to
your icon must be 16 *16 pixels and 256 color and win32 format
it name must be favicon.ico
--------
2 way 1 if you have yourname.com you can add only the icon on the
master root dir
and 2 if you have not domain and you have subdomain
you must add this code to your web page

<link rel="shortcut icon" href="http://your-url/favicon.ico">

you must replace the "http://forums.xisto.com/no_longer_exists/; to your path of favicon.ico

thanks
ejasoft
Edited December 21, 2005 by miCRoSCoPiC^eaRthLinG (see edit history)

[ninjamunky 0]

I recommend Irfanview for saving icons.

http://www.irfanview.com/main_download_engl.htm

Also, does it need to be named favicon?? I would think you could name it whatever you want as long as you adjust the location accordingly.

[Hercco 0]

Also, does it need to be named favicon?? I would think you could name it whatever you want as long as you adjust the location accordingly.

<{POST_SNAPBACK}>

No it doesn't. It's just a common practise to do so.

 

In the link tag you could also add

type="image/x-icon"

It's not required but good coding style.

[jet 0]

For those with Photoshop, there is a plugin you can download at http://www.telegraphics.com.au/sw/, which allows you to save images as .ico

[miCRoSCoPiC^eaRthLinG 0]

I recommend Irfanview for saving icons.

 

http://www.irfanview.com/main_download_engl.htm

 

Also, does it need to be named favicon?? I would think you could name it whatever you want as long as you adjust the location accordingly.

<{POST_SNAPBACK}>

See there's a difference. Now all web-servers are pre-programmed to look for a file caled favicon.ico in the root "/" directory of the web-server. If it finds that file - it's immediately displayed in your browser address bar and tabs. If not, next it looks into your index.html/.php file for a link like

<LINK REL="SHORTCUT ICON"       HREF="/your_directory/logo.ico" tupe="filetype - icon or jpg or gif">

This makes the page load that file as your favourite icon. But doesn't the method of including a file named favicon.ico sound more elegant and painless ?

[zerodohc 0]

Those images are just like the avatars on forums. I never can get them to the right pixel or anything for some reason.

[Houdini 0]

do you want to add fav icon to you site

the fav icon show in favorites in the user brwoser and adress bar

it show in only ie5+

-------

to add this icon to your site you need to

your icon must be 16 *16 pixels and 256 color and win32 format

it name must be favicon.ico

--------

2 way 1 if you have yourname.com you can add only the icon on the

master root dir

and 2 if you have not domain and you have subdomain

you must add this code to your web page

 

<link rel="shortcut icon" href="http://your-url/favicon.ico">

you must replace the "http://forums.xisto.com/no_longer_exists/; to your path of favicon.ico

 

thanks

ejasoft

<{POST_SNAPBACK}>

Actually the Netscape and Firefox browsers will show a favicon as well. And when you first replace a favicon Firefox will add it immediately, whereas Internet Explorer won't because it it showing what is cached, so you will need to clear it before Intenet Explorer will show the change. If you make the page a favorite it will show up in the favorites folder.

[edskii 0]

Actually the Netscape and Firefox browsers will show a favicon as well.  And when you first replace a favicon Firefox will add it immediately, whereas Internet Explorer won't because it it showing what is cached, so you will need to clear it before Intenet Explorer will show the change. If you make the page a favorite it will show up in the favorites folder.

<{POST_SNAPBACK}>

there are also a few helpful tutorials regarding favicon creation here http://forums.xisto.com/no_longer_exists/

 

hope this helps

[gamerchick39 0]

thats awesome i can really put this to good use... i hate the default icons in my favorites bar... this will come in handy cuz i run a site that im fixing to overhaul and this will be a nice touch to go with the make over :Pone question though, does it matter where you put the code on the webpage?

[Quatrux 4]

you need to put in in HEAD, anyway most of the browsers will look for the favicon.ico automaticly even if you won't put a link to it, but by default it needs to be in your base directory named favicon.ico, myself I am using gif format for my favourite icons.

[gamerchick39 0]

you need to put in in HEAD, anyway most of the browsers will look for the favicon.ico automaticly even if you won't put a link to it, but by default it needs to be in your base directory named favicon.ico, myself I am using gif format for my favourite icons.

<{POST_SNAPBACK}>

awesome .. thanks for the help.. my html skills are super basic and i usually have to use tutorials to get codes and whatnot.. i usually make sites totally in flash cuz its a lot easier for me... i dont like coding too much lol

[Neverseen 0]

cool tutorial thanks for it... I also heard that when you know the number of people that has requested this favicon.ico file, you can calculate how many people added your site to their favourites. I don't remember exactly how to calculate tho...

[m3moreX 0]

Just what I was looking for. Thanks man. I'luse this in my website for sure. Keep these great tutorials coming.

[sixty 0]

Wow, thanks, this has helped a lot! I'll try this on my site sometime.

[twitch 0]

The posts in this place are a little messy.

As long as you direct the browser to look for the favicon, it can be anywhere. Personally, I put it in the images folder with the rest.

<link rel="shortcut icon" type="image/ico" href="/images/favicon.ico" />

The above is valid XHTML (hence the />) and also provides a fixed address for the icon, but still leaves it relative (/images/favicon.ico). The use of / means root. So, this means you don't need to put http://forums.xisto.com/no_longer_exists/ just to get it to work.

Notice from twitch:

Thanks to Quatrux for info

Edited December 21, 2005 by twitch (see edit history)