The wonder of Favicons! - (why and how)

I've only just put favicons on my website and I like them very much! I suggest you do the same as they look quite cool and differentiate you website a little bit.

To make a favicon:
1) Create an image/logo in a jpeg file 16 pixels by 16 pixels.
2) Goto:

http://www.html-kit.com/favicon/

upload your image and then download the files.

3) Insert a bit of code into your main pages (index etc)
4) Upload files to your main directory

Thats it - your done!!

Check my favicons on:
www.theafricangreyparrot.com
www.nottinghamstudent.co.uk

That favicon site isn't mine but seems quite cool as it allows you to create animated favicons!

Have fun!

Notting

 

Notting,

Thank you very much I appreciate the links and I have tried creating my own icon. It seems like most of my attempts aren't very easy to distinguish from a blob. Do you have any advice on what it takes to generate a useful icon.

Thanks again,

Marty

 

www.favicon.co.uk allows you to create a favicon and preview it at the same time.

Remember you only have 16x16 pixels so you can't do much.

 

You can do 32 by 32 pixels also, and the browser will automatically resize it to 16 by 16 for you.......makes it a little eaiser.

I tend to just use single letters or symbols that everyone can recognise.

 

I didn't know that browsers automatically resized favicons to 16x16. Thanks for the tip, sc0ttish.

 

If you prefer to do the conversion to the ico format yourself, you can use IrfanView, which is a nice little application for Windows, from 95 to XP. It is a sort of poor man's version of ImageMagick, which runs on any platform, supports >90 formats, and is truly magic.

It's kinda funny that an IE proprietary idea like favicons is better supported by nearly all other graphical browsers.

cheers,

gary

 

Thanks for the great post! I was wondering how to do it awhile ago but never could find directions! I'll follow them here in a few and let you know the outcome

 

IE7 does support favicons properly so its getting better.

 

i have always loved favicons

 

theres another way to save into the .ico format. just save as png or jpg or gif or w/e, then just rename the extension to .ico and it works perfectly for me

 

I am sure this used to work because i remember doing it years ago for a game or something. When i tried it recently i didn't work. Not sure why?

Notting

 

I quite like this favicon tool which creates favicons for you from existing images.

 

thats the same link from the original post d-uh!

anywayz, do the animated favicon actually work? if so, in which browsers?

 

what is the code that you have to insert for the favicon ?

 

Thanks 4 this info , i madeone 4 my site

 

I made i really nice favicon with that page a while ago, but it's not there. Maybe I forgot to upload it :-P

 

hmmm...it only work on firefox...IE not realy work

 

If you bookmark your page you should see it. But not if you dont.

 

Can i amke a animated favicon .. if so pls tell me how to do that?

 

An animated favicon is just an animated GIF. If you know how to make an animated gif, just save it as gif and rename to .ico. You can even make it with a transparent background. As the post above said, I believe the animated version only works on FF. The site mentioned on the first post lets the icon move up and down.

If you go to my site, you can see that my favicon is transparent and moves sideways, I did the .gif myself.

Edited to say: Please see my next post for clarification and details, some of my preconceptions are actually wrong.