Little logo! (at the left of the web address)

[setmybabyfree]

I'm using safari as my browser, and I've noticed that on most websites there are little company logos to the left of the web addresses. The Webdeveloper.com is tiny yellow square with black text. Does any body know how to apply these little logos to your own website?

Thanks.

[the tree]

It is called a FAVICON or more formally a SHORTCUT ICON. Create a 16x16 image in .ico format. Save it as favicon.ico and put it in your web root directory. (optional) to make sure that every browser manages to find it, put the following into your HEAD element.<link rel="SHORTCUT ICON" href="/favicon.ico">With a trailing slash if you're using xHTML.Most browsers will look for the file without needing a hint from the markup, if you look at your logs then I suspect you will already have a lot of 404s for where your favicon.ico file would be.

[setmybabyfree]

Thanks for that "tree",

I'll have a go, but what software do i need to create a "favicon.ico"?

Could I create one in photoshop and just type ".ico" as the extension?

Thanks.

[the tree]

I don't use Photoshop, but apparently a plugin is needed to create .ico files, this tutorial has more to say (http://www.photoshopsupport.com/tutorials/jennifer/favicon.html).

[setmybabyfree]

Thanks man.

[knowj]

use photoshop and copy into paint or a like product.

its all i did worked well enough

[sae]

I use this online one
http://www.htmlkit.com/services/favicon/

[WebJoel]

Thanks for that "tree",

I'll have a go, but what software do i need to create a "favicon.ico"?

Could I create one in photoshop and just type ".ico" as the extension?

Thanks.

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

Fast. Easy. Free.

enjoy!