How to add an icon to a webpage?

Discussion in 'OT Technology' started by Guardfather, Jun 14, 2004.

  1. Guardfather

    Guardfather The Paradox

    Joined:
    Apr 23, 2004
    Messages:
    6,763
    Likes Received:
    0
    Location:
    Wisconsin (SE)
    How does one get an icon to show up in the address bar? I know how to make icons, but I'm not sure how to include one in a webpage's coding. I'm also not sure what stipulations may apply. I believe it has to be 16x16, but I don't know about color depth.
     
  2. Keyzs

    Keyzs OT Supporter

    Joined:
    Nov 3, 2003
    Messages:
    814
    Likes Received:
    0
    Location:
    Charlotte, MI
    Simply create a 16 x 16 pixel bitmap (16 color) and save as favicon.ico in your web site's root directory.

    If you want to make sure the browser finds it, you add the following 2 lines into the <head> section of your page:
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    (This covers you in most different browsers, Konqueror, Internet Explorer, Galeon, and Mozilla/Netscape assuming the version they have knows what a favicon is...
     

Share This Page