Browser Icon in URL Bar

[lechef66]

I would like to know the specifics of adding a branded type logo or image beside a website address in the URL address bar. Just look up at your own address bar to see the Dynamic Drive logo to the left hand side of the web site address. This is the sort of thing I would like to add into my own website.

[BLiZZaRD]

It's called a favicon. Instructions and guides to make one (including an automatic version) are right here on DD. Look to the right from the main forum index and you will see the favicon generator link

[lechef66]

Thanks for the really quick reply, I'll check this out right now.

[lechef66]

Thanks for the really quick reply, I'll check it out right now.

[BLiZZaRD]

You can make your own, although the DD version is a little quicker. Just to let you know how it works:

16 pixles by 16 pixels is standard, 32 X 32 is used as well.

Take ANY picture you want, resize to those dimensions and rename it to "favicon.ico"

Upload to your root directory and you are pretty much done.

See the link I mentioned above for some IE hacks (codes) to include on your pages to ensure it appears in all browsers.

You can take a gander at my site to see that even animated favicon's are possible.

Have Fun!

[djr33]

Well... it would need to be in .ico format. I don't think any gif or jpg that happens to be that size and named .ico would work.

[BLiZZaRD]

I beg to differ I made my animated ones with Animation Studio, using a 96 X96 image gif resized to 16 x 16, animated them together into one gif, renamed to ico and it has been up for almost 2 years now

Which reminds me... time for a new one...

[djr33]

Interesting. I wasn't aware of the simplicity of the .ico files.
Just gif? Or jpg? png? bmp?

[BLiZZaRD]

From all the ones I have made (only about 6) it doesn't seem to matter. I have used png, jpg and gif so far, just renamed as favicon.ico and it's up and active

[djr33]

Very interesting.