Page Icon(browser)

[susapra]

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.

[BlueBoden]

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" />

[deluxdon]

That is called favicon.

Favicon generator and instruction for adding it to site

DON.