Favicon help

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Hi All
 I made a favicon for my site it will only show up in Fire Fox browser
not internet explorer
 I wanted to know if any one can look at my site and see if there is
any thing I did wrong with the Html tags I've been told I haven't

Re: Favicon help

lassiemom98@yahoo.com wrote:

Quoted text here. Click to load it

You have it set to a path that it doesn't exist in:

~]# HEAD http://www.michelesportfolio.net/images/sunflwfavicon.ico |
head -1
404 Not Found

You only have it at:

~]# HEAD http://www.michelesportfolio.net/sunflwfavicon.ico | head -1
200 OK

Set it to one single location, probably globally (which is best, unless
you want different one's used in different areas).
Tim Greer, CEO/Founder/CTO, BurlyHost.com, Inc.
Shared Hosting, Reseller Hosting, Dedicated & Semi-Dedicated servers
and Custom Hosting.  24/7 support, 30 day guarantee, secure servers.
Industry's most experienced staff! -- Web Hosting With Muscle!

Re: Favicon help

On 28 Feb 2009, lassiemom98@yahoo.com wrote:

Quoted text here. Click to load it

Here's part of your head

<link rel="shortcut icon"
href="http://www.michelesportfolio.net/images/sunflwfavicon.ico "> <link
o"> <link rel="short icon"href="sunflwfavicon.ico">
<link REL="SHORTCUT ICON" HREF="/sunflwfavicon.ico">
<meta name="description" content= Personalized gifts of my art work as
well as my art portfolio.> <meta name="keywords" content=" Personalized
Art work on Blank imprintables Sublimation Products for Sale at my
Store area.">

I don't know if you can have 2 "shortcut icon" rel links or not (it
would seem one might supercede the other.)  Better to do this

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

using the "favicon" filename instead of "sunflwfavicon" which may be an
ie thing.

Awful Dog Autry

Re: Favicon help

Here is something I have been working on, but have not
had the time to test thoroughly.  If someone tries this,
please post the results. In theory it should work, but
as we all know some browsers don't play nice.

In the webpage root, create these files:

16x16 favicon.ico
16x16 favicon.icon
16x16 favicon.png

NOTE: I have seen no evidence that any browser uses the larger
sizes in a multi-size .ico file, so I skip the 32x32, etc.

In [ .htaccess ] add this:

AddType image/x-icon             .ico
AddType image/vnd.microsoft.icon .icon
AddType image/png                .png

In the head of your HTML, add this:

<head profile="http://www.w3.org/2005/10/profile ">
<link rel="shortcut icon" href="href="http://www.example.com/favicon.icon "
<link rel="icon" href="href="http://www.example.com/favicon.png"

What this should accomplish:

[A] Old user-agents that look for favicon.ico in the root find it.

[B] User-agents  that follow the Microsoft standard
[ http://msdn.microsoft.com/en-us/library/ms537656.aspx ]
will find favicon.icon with the correct IANA Mime-Type
[ http://www.iana.org/assignments/media-types/image/vnd.microsoft.icon ].

[C] User-agents that follow the W3C standards
[ http://www.w3.org/2005/10/howto-favicon ] will see favicon.png
with the correct IANA Mime-Type
[ http://www.fileformat.info/info/mimetype/image/png/index.htm ].

[D] The full URL in link rel tags makes it so this works wherever
the webpage is.

Note 1: when testing this, be sure to test the following:

Icon displayed in the favorites/bookmarks page.

Icon displayed in the location window of the browser.

Icon displayed on the desktop after saving a URL to the desktop

Icon displayed in the file manager after saving a URL to disk.

Swapping the order of the two link rel tags

Moving the .icon and .png files to an image subdirectory
and adjusting the URLs.

Note 2: I am still looking for evidence of any browser or
operating system ever using anything other than the 16x16
image in a multiple image favicon.ico file.  Manually re-
using the same files as a desktop or file explorer icon
doesn't count.  It only counts if the icon was generated
by a browser from the favicon.ico file on a website,
possibly with a "save URL" command.

Guy Macon

Site Timeline