DeuceTech

I finally got the favicon to display in Internet Explorer, along with Firefox and Safari which I already had working from earlier. This took three steps. First, I installed a plug-in for Photoshop which allowed me to save the image in the ICO format. This can be found and downloaded here. Second, I changed the code that used to reflect the change in the image format so it now looks like this: <link rel=”shortcut icon” href=”http://example.com/favicon.ico” type=”image/vnd.microsoft.icon”>
<link rel=”icon” href=”http://example.com/favicon.ico” type=”image/vnd.microsoft.icon”> but since I’m using XHTML instead of HTML, each link ends with “/>” instead of just “>”. The third step was to add the following directive to my .htaccess file to tell Apache how to respond to the request for the ICO extension: “AddType image/x-icon .ico”. I still have my original favicon.png in the site root too, so between the two methods, all of my browsers now display the favicon on my XP, Vista, and OS X machines. I’ve been too lazy to boot into any of my Linux installations to test it, but I’ll get around to it soon. For further reading, check out the “favicon” entry in Wikipedia here.