Forum Moderators: open

Message Too Old, No Replies

Favicon not displaying

         

mickapoo

10:15 pm on Jan 27, 2007 (gmt 0)

10+ Year Member



I have reviewed several sites on creating and adding favicons to one's website. I seem to have followed the rules, but I still can't get it to display. My website is < edited >. This is what i have in the <head> tags:

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

Also, even if I save it as a favorite, it still does not display. Thank you.

Google Specifics

<Sorry, no sites.
See Forum Charter [webmasterworld.com]>

[edited by: tedster at 10:59 pm (utc) on Jan. 27, 2007]

tedster

9:14 am on Jan 28, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



This can happen for a number of reasons - one common one is that the favicon file is not really in the .ico format.How did you create your favicon.ico file?

Drag_Racer

3:21 am on Jan 31, 2007 (gmt 0)

10+ Year Member



Place this in the head of your document:

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

Both are needed for standards compliant browsers and IE,etc.. Though, this is an optional need for many browsers unless your on a sub-domain.

Make sure your favicon.ico is in the top level directory of your site. such as mysite.com/favicon.ico

Make sure it is 16 x 16 pixels for single image files. You can use multi-layered icon files containing 128x128, 64x64, 32x32 and 16x16.

I have read about color depth restrictions from 16 colors to 256 color(8bit), but have found it works with 24 bit color depth fine on modern browsers. This is mostly dependant upon the viewers hardware capabilities or settings.

I recommend a multi-image icon format with all 4 sizes with 8 & 24 bit color depths mentioned above.

At least you want is a 16x16 at 24bit so it will show in bookmarks/favorites and in the address bar. If a user has it saved to the desktop a 32x32 looks much better, especially if an OS10 Mac is using 128x128 icons.

You may also create this file in gif or png format for most modern browsers, but is not supported by IE6 and below.

such as : <link rel="icon" type="image/png" href="http://mysite.com/myicon.png">

browser support see : [informationgift.com...]

thats about all I know from my notes...
------------

But really, don't worry about favicons too much, this should be one of the last things to do on a site anyway. If you have other work needed on your site, focus on that first. Then when everything else is done, then go to Google and search for favicon and start reading...

[edited by: tedster at 3:31 am (utc) on Jan. 31, 2007]
[edit reason] make link clickable [/edit]