Rich Burridge's Blog : Weblog

« Favorite LifeHacker... | Main | Favorite LifeHacker... »

Monday May 01, 2006

Creating my own Favicon for my Blog

Using the Lifehacker link from 2nd February 2005, I went to the FavIcon from Pics site, and gave it a pointer to a copy of the Sun logo. It generated a 16x16 icon file.

16x16 pixels isn't a lot of room to show the Sun logo and still retain the visual appearance, but it's not too shabby. I then downloaded the icon file and then uploaded it into my blog resources area.

Following the instructions of the Favicon web site, I then added the line:

<link rel="shortcut icon" href="http://blogs.sun.com/roller/resources/richb/sun_favicon.ico" >

to my Weblog template, and now, when you visit my blog directly in a browser, the icon appears at the front of the current URL area. At least in modern browsers like Mozilla, Firefox and Safari. The icon also shows up nicely in my Firefix page tabs. The Favicon web site also automatically creates an animated gif of the icon as well. Very nice.

[Technorati Tag: Blog]

[Technorati Tag: Icons]

( May 01 2006, 05:28:00 AM PDT ) [Listen] Permalink Comments [2]

Comments:

It might have been better by using a 16x16 png file, that can have up to 256 colors, that makes it appear better even when shrinked. To use a png file it's just the same method with the <link> tag, just pointing it to a .png instead of a .ico file. It works well with all the browsers I tried it with (Konqueror, Firefox, IE, Safari, Opera), and doesn't need to use the bad icon format (bad as in damn difficult to generate).

Posted by Diego Pettenò on May 01, 2006 at 06:26 AM PDT #

Thanks Diego! One of the other files that was automatically generated by the FavIcon from Pics site, was a .png file of my Sun logo. It's at home at the moment. I'll swap it over tonight.

Posted by Rich Burridge on May 01, 2006 at 06:34 AM PDT #