Favicon Trouble
Jun 28th, 2007 by Deuce
I worked yesterday on making my favicon which is the custom icon that shows up next to the address and in the saved links/bookmarks/favorite lists in the web browser. Basically, if you create a PNG image file that is 16×16 pixels, rename it “favicon.ico” and then save it at the root of your web server, it should, theoretically, be seen by the web browser and displayed whenever your site is loaded or the address is saved. That seemed to work okay when I viewed the site on my Macintosh, both in Firefox and Safari. Windows was another matter; it did not appear in any of the three browsers I have installed on my XP machine: Internet Explorer 7, Firefox, and Safari. I found a code snippet on the W3.org site that, supposedly, adheres to the current Web standard and should force the browsers to display the custom favicon, even if it is saved as “favicon.png” which is how I have it now. After this change, and a small correction to change the HTML code to XHTML, it now displays correctly in all browsers on both platforms with the notable exception of Internet Explorer. I tried recreating the favicon as a 32×32 image, as suggested by a couple of my friends, but it still does not seem to load in Internet Explorer. It’s not a big deal, but I would like it to show in all browsers and on all platforms equally since it makes my site stand out with a small mark of uniqueness. I will keep working on it until I get it to work.