Favicon Tips
This tutorial is not going to rehash how to code for a favicon, but provide some links to existing resources to aid in your education about adding icons to webpages.
Mozilla’s statement of Favicon Support:
<LINK REL="icon" HREF="images/mozilla-16.png" TYPE="image/png"/>
<LINK REL="SHORTCUT ICON" HREF="/images/global/branding/dellecomicon.ico"/>Mozilla makes the use of Favicons much easier than Internet Explorer as it offers a wider range of file format. As a result you don’t need any additional companion applications to convert your images to the file type .ico.
Because of the narrow support for other file types such as .png and .bmp, I always use the .ico file types so that a broader audience can view the page icon.
I also always use Fireworks to create the original artwork for the icon file before using other apps to transform them into actual icons.
For my companion app I use a very simple but effective one called IcoFX. You can create icons of various sizes and bundle them all into a single icon. Plus you can import PNG files and the transparency is maintained. Check it out and click around, you’ll be a pro in no time.
admin | 
February 27, 2010 8:39 am