On, of all things, favicons
Favicons, those little icons that you see next to the address bar of your browser, are one of those things that I can safely forget about for ages unless I'm launching a new site. Like anything else that I use rarely, it means that I forget everything about them by the time I need to create one again.
So, here's some quick information from my latest foray into creating a favicon:
- It looks like neither Firefox nor Safari likes Windows format ico files with both 16x16 and 32x32 images in them (as created by default by html-kit.com's FavIcon from Pics tool, which is the best PNG to ICO convertor I could find in my brief search).
- Safari seems to like 16x16 Windows favicon.ico files but I couldn't get Firefox to read one in to save my life.
- I ended up using a PNG instead of ICO after the ICO headaches with Firefox/Safari.
- Don't forget to add
<link rel="icon" type="image/png" href="/favicon.png">to your HTML files (I seem to remember favicon.ico files being automatically read if you placed them in the root of your site but neither Safari nor Firefox read the one I had)
There you go. Not having delved into the depths of favicon.ico voodoo (and not wanting to, really), I hope this at least helps me out next time I need to create a favicon file.