SitePoint Sponsor

User Tag List

Results 1 to 13 of 13
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2007
    Posts
    88
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Favicon is missing in IE

    Hi

    My favicon appears fine under Google Chrome, Firefox but not IE. My website is www.avondaleinteriors.com. This is the same problem for the other websites that I have.

    Anyone has answers?

    Regards

    Yamin

  2. #2
    Resident curmudgeon bronze trophy gary.turner's Avatar
    Join Date
    Jan 2009
    Location
    Dallas
    Posts
    990
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    See if adding a type attribute helps, i.e.
    Code:
    <link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">
    cheers,

    gary
    Anyone can build a usable website. It takes a graphic
    designer to make it slow, confusing, and painful to use.

    Simple minded html & css demos and tutorials

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2007
    Posts
    88
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi

    No that did not help, I am using IE8.0 and also tried compatability view. No joy! There must be a solution to this.

    regards

    Yamin

  4. #4
    SitePoint Enthusiast
    Join Date
    Aug 2007
    Posts
    88
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Favicon is missing in IE

    Hi

    My favicon appears fine under Google Chrome, Firefox but not IE. My website is www.avondaleinteriors.com. This is the same problem for the other websites that I have.

    Anyone has answers?

    Regards

    Yamin

  5. #5
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,290
    Mentioned
    198 Post(s)
    Tagged
    3 Thread(s)
    Firefox indicates that the image is a 20x20 jpeg
    AFAIK, .ico files do not use jpg compression and simply renaming a .jpg file .ico won't work.

  6. #6
    SitePoint Enthusiast
    Join Date
    Aug 2007
    Posts
    88
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi

    Sorry I dont understand. It is 20x20 Jpeg that I renamed. So what should I do?

    Regards

    Yamin

  7. #7
    Resident curmudgeon bronze trophy gary.turner's Avatar
    Join Date
    Jan 2009
    Location
    Dallas
    Posts
    990
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Aha! The problem is that the image is actually a .jpg, not a MSFT .ico. Most browsers are able to read the secret number that identifies the file type and render mislabeled images. IE can't.

    I have converted the jpg image to .ico, which should work for you. Copy from http://gtwebdev.com/temp/favicon.ico*. Don't wait too long, I'll pull it down soon.

    cheers,

    gary

    * Apparently, .ico is not an allowed file type for upload here, even if renamed. :shrug:
    Anyone can build a usable website. It takes a graphic
    designer to make it slow, confusing, and painful to use.

    Simple minded html & css demos and tutorials

  8. #8
    Resident curmudgeon bronze trophy gary.turner's Avatar
    Join Date
    Jan 2009
    Location
    Dallas
    Posts
    990
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    See your duplicate post.

    gary
    Anyone can build a usable website. It takes a graphic
    designer to make it slow, confusing, and painful to use.

    Simple minded html & css demos and tutorials

  9. #9
    SitePoint Enthusiast
    Join Date
    Aug 2007
    Posts
    88
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Gary

    Firstly thanks for doing this. How did you convert it?

    Also apologies for the duplicate post, i am new here, got a bit confused.

    Regards

    Yamin

  10. #10
    Resident curmudgeon bronze trophy gary.turner's Avatar
    Join Date
    Jan 2009
    Location
    Dallas
    Posts
    990
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I used the convert utility in the ImageMagick suite.
    Code:
    gt@aretha:~$ convert favicon.ico favicon.ico
    The first file is the original jpg, and the second is the converted .ico file.

    If you're uncomfortable using the command line, there is IrfanView for legacy platforms, though I'd recommend IM and suggest you learn to use it.

    If you've got the image, let me know, so I can clean up the site.

    cheers,

    gary
    Anyone can build a usable website. It takes a graphic
    designer to make it slow, confusing, and painful to use.

    Simple minded html & css demos and tutorials

  11. #11
    SitePoint Enthusiast cssiscool's Avatar
    Join Date
    Feb 2006
    Location
    East Moline, Illinois
    Posts
    87
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    below is the correct code for adding an ico

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

    as you can see the favicon.ico is in the root directory. it is not in an image directory or on another web site.

    this means you don't have to use the link code when the ico and all of your pages are in the same directory. the browser will do that for you by default.

    so remove the code and save a copy of your ico to all subdirectories and it will load automatically without the link tag

    i use an animated gif in place of the ico. but only firefox users can see the animation. it is weirdo.gif search for it. i just use it on personal pages no one but me sees.

    http://www.google.com/search?q=make+favicons+free

  12. #12
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    Or you could just use the following online tool which does the conversion...

    http://tools.dynamicdrive.com/favicon/

  13. #13
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,287
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Gimp and Photoshop also easily do it (for those who already have those editors). PaintShop Pro can do it as well but I think it still needs you to dl a plugin.

    There's also the command-line tool called ppm which I used to use before Gimp just did it for me. I take the image, I make sure it's 16x16 pixels, save as... .ico is one of the options, or I can type in the nameoffile.ico and Gimp asks me which type I want (usually 4 bpp, 1 bit alpha, 16-slot palette). Save and done.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •