LebGeeks

A community for technology geeks in Lebanon.

You are not logged in.

#1 June 14 2010

Kassem
Member

Including a Favicon

Hey guys,

How do I include a favicon in the address bar?

Offline

#2 June 14 2010

Padre
Member

Re: Including a Favicon

just have a favicon in the root folder of ur webpage i guess :)

Offline

#3 June 14 2010

Ayman
Member

Re: Including a Favicon

First of all you should have a .ico image, here is an .ico image making tool. Then you have your .ico image included in a certain directory just like any image i.e. in this case we have the image: my_favicon.ico inside the images folder, and in the page you would like your favicon to appear, include this code:

<link rel="shortcut icon" type="image/x-icon" href="images/my_favicon.ico">

between your <head></head> tags.

Good luck and have a good day :)

Last edited by Ayman (June 14 2010)

Offline

#4 June 14 2010

Kassem
Member

Re: Including a Favicon

ahhh thanks a lot Ayman, appreciated :)

Offline

#5 June 14 2010

samer
Admin

Re: Including a Favicon

Note that some browsers support using png or even gifs as icons.

Offline

#6 June 14 2010

Kassem
Member

Re: Including a Favicon

samer wrote:

Note that some browsers support using png or even gifs as icons.

I used the tool Ayman linked too, but the favicon still doesn't show up in the address bar. On the site which provides the tool, they mentioned that the favicon might take a few days before it actually appears in the address bar, is that true?

And samer, which browser support png and/or gif as icons and which don't? (I'll assume IE is not smart enough to support them...)

Offline

#7 June 14 2010

EddieEC
Member

Re: Including a Favicon

If you have uploaded the favicon to your webpage, and it's not appearing, try clearing your cache. An easier way would have been naming it favicon.ico (.ico is the extension) and it will automatically appear after clearing cache.

Offline

#8 June 14 2010

Kassem
Member

Re: Including a Favicon

EddieEC wrote:

If you have uploaded the favicon to your webpage, and it's not appearing, try clearing your cache. An easier way would have been naming it favicon.ico (.ico is the extension) and it will automatically appear after clearing cache.

Clearing the cache actually worked! Thanks buddy :)

Offline

#9 June 14 2010

samer
Admin

Re: Including a Favicon

Kassem wrote:

And samer, which browser support png and/or gif as icons and which don't? (I'll assume IE is not smart enough to support them...)

Chrome, Firefox, Safari, Opera (source)

Offline

Board footer