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

Page Icon(browser)

Discussion in 'Programming' started by susapra, Nov 19, 2008.

  1. susapra

    susapra New Member Webmaster

    Okay, I'm not exactly sure what these images are called, but in Opera, on most websites, there is a little image (usually the logo of the website), up to the left of the address bar.

    Is anyone able to explain how to get images there?

    Thank you.
  2. BlueBoden

    BlueBoden New Member Webmaster

    You need to place the favicon.ico file in the root, this would allow most browsers to find it.

    The icon is limited to 16 colors, and should be in a size of 16x16 for best compatibility. You need to use an editor such as IrfanView or IconEdit32 to save the image as .ico Simply saving one of your images with the .ico extension wouldn't work, you need to convert the file to the ico format.

    Remember to add the following in your head section of your website or document.
    <link rel="shortcut icon" href="/favicon.ico">
    The URL in the example is relative to the root, you should read the article about Absolute and Relative Paths to make sure to get it right.

    For those using XHTML, be sure to close the link element with the forward slash, like done below.
    <link rel="shortcut icon" href="/favicon.ico" />
    Last edited by a moderator: Feb 2, 2009
  3. deluxdon

    deluxdon New Member Webmaster


Featured Resources (View All)

Share This Page