Dismiss Notice
Welcome to Our Community
Wanting to join the rest of our members? Feel free to sign up today.

the favicon

Discussion in 'General Webmaster Helpdesk' started by ovi, Jun 8, 2005.

  1. ovi

    ovi Guest

    At just 16x16 pixels the favicon is the biggest friend a webmaster could have!

    if you have access to your serverlogs you have probably seen the 'favicon.ico not found' error message the 'favicon.ico not found' error is caused by Internet Explorer 5.0 whenever a user bookmarks a webpage IE searches for a favicon file.

    If you use Internet Explorer yourself you have probably already noticed that some of your favorites have a custom logo, this is the favicon, your 16 x 16 pixel friend. Not only does the favicon appear in the users favorites list, it also appears in the browsers address bar. The favicon can also be dragged to the taskbar or desktop and used as a shortcut.

    Upload a favicon to your server and you get a custom logo that really stands out from the default logo on your visitors browser, well the ones that use Internet Explorer 5.0 anyway, and you will also so stop seeing the 'favicon.ico not found' error creating a 16x16 favicon
    If you would like to create your own favicon you will either have to use a capaple graphics program such as icon forge (free trial version available at most download sites) or you could make one at favicon.com where you will find an online icon generator just click the link that says icon generator and once the next page has loaded a java window will open allowing you to create and edit your own icon, the default setting is 16 x 16 pixels and 16 colors, there is also a 'transparent' option, any square in the 16x16 pixel grid that contains a gray/white chequer is transparent, the eraser tool will also cause transparent areas in the favicon.

    It is childs play to create a 16x16 pixel icon using this tool and when your done you can email the finished result to yourself and you have the option of adding your masterpiece to the favicon library.

    Once you have decided on a design you will need to make sure that it is called 'favicon.ico' (without the quotes) then upload it to you server into you root directory, the same directory as your index.html, that's it!! you should also upload it to any other folders or directorys that contain your web pages, if you dont want a favicon in each folder the you will have to use the 'link' tag in the head of each document

    <LINK REL="SHORTCUT ICON" href="favicon.ico">

    the trouble with favicons

    Your new custom bookmark should lead to many more direct requests for your url and keep visitors returning and will give your site an edge against those puny default icons, who would have thought that something as simple to create and install as a favicon could have so much impact, however...

    well.. there are a couple of slight problems, our little 16x16 pixel buddy does not work on some freeservers like geocities unless a link tag is used to a favicon on another server that does support them

    <LINK REL="SHORTCUT ICON" href="http://www.somewhere.com/favicon.ico">

    another problem is it may work for everyone else, but not work for you if you can't get the icon to show up try deleteing your site from 'favorites' clearing your 'history' and your 'cache' (temporary internet files) folders then visit your site and add it to favorites again you may even have to shut down your computer once you have visited your site and you are sure that the favicon is in your computers cache

    If all fails at least you can check your website on a friends/work/library computer and be reassured that it does work on other peoples computers

    after all, thats why you use the favicon
  2. OldWelshGuy

    OldWelshGuy New Member Webmaster

  3. ovi

    ovi Guest


    I hope that this tip will be utile for many users :)

  4. Duke

    Duke Guest

    I was always wondering about those little things. Question is, can you animate a favicon?
  5. ovi

    ovi Guest


    I know that is not possible animated only fixed :)

  6. Pentarix

    Pentarix Guest

    I use this on 2 of my sites, it makes it unique and more professional
  7. Scolls

    Scolls Guest

    Thanks! I always wondered what my server logs were moaning about there! lmao!
  8. Duke

    Duke Guest

    Too bad, that would be c00li0.
  9. ovi

    ovi Guest


    Yes Duke, it will be cool, but I am 99.99% sure that is not possible.

  10. max h

    max h Guest

    Yes you can animate favicons! see http://www.flark.co.uk/

    however I'm too not to sure how to do this, probably in iconforge as there seems to be the ability for animating!
  11. ovi

    ovi Guest


    I cannot see your animated favicon eather in Internet Explorer and Mozilla Firefox

  12. max h

    max h Guest

    curious. I can see it in both ie and firefox on pc. couldn't say on a mac cos mine is ancient.

    it might be because that url is a framed forward.

    try http://www.flark.net.

    I've seen it on a fews ites and it's definately do-able!
  13. ovi

    ovi Guest


    I can seeit now too. Thanks mate.

  14. Pentarix

    Pentarix Guest

Featured Resources (View All)

Share This Page