favicon... how to?

SooTyLaD · 6 Aug 2007 at 21:42

hi guys,

i've read a lot of conflicting stuff about favicons, some say you need some code in the header, some say just stick the file in the root directory, etc. etc.

what is the proper way to implement a favicon for a website? and can i just use photoshop to create one?

kibblerok · 6 Aug 2007 at 21:52

Cheetah Designs · 6 Aug 2007 at 21:58

Do both to be on the safe side.

SooTyLaD · 6 Aug 2007 at 23:13

and to create one? can i use photoshop and just make a gif?

SooTyLaD · 7 Aug 2007 at 00:20

right i've sorted it...

for those lookin how to do it... download the .ico file format plugin from here: click. this enables you to save in the proper .ico format as you may have guessed.

if you want to do one with a transparent background, its not quite as simple (but still nothing to loose sleep over) - create your graphics as you would a standard transparent gif, and save it as a transparent gif using the "save for web and devices" option...

now close the file and reopen the gif, now save as an ico and you're sorted

zinc · 7 Aug 2007 at 07:57

Thanks for this.

I've been having problems with favicons, especially trying to get them transparent, some worked for me and some didn't. Never thought of doing it as a GIF first.

The_KiD · 7 Aug 2007 at 08:09

QuiKsiLVeR said:
right i've sorted it...

for those lookin how to do it... download the .ico file format plugin from here: click. this enables you to save in the proper .ico format as you may have guessed.

if you want to do one with a transparent background, its not quite as simple (but still nothing to loose sleep over) - create your graphics as you would a standard transparent gif, and save it as a transparent gif using the "save for web and devices" option...

now close the file and reopen the gif, now save as an ico and you're sorted

Try this as well: http://www.htmlkit.com/services/favicon/