Fri 9 Jan 2009
Gmail changed its favicon, How to add one to yours ?
Posted by cyriac under Tips & Tricks
[13] Comments
After a long stretch of work time in front of my laptop, I was about to call for a time-up. Then I checked my email once again, which is then I found out, Gmail changed their favicon!!! Earlier it was a simple G ,but now they have added some colors to it.
- gmail_new_favicon
- gmail_old_favicon
I like the change anyway, its about time.
First of all let me tell clarify what a favicon is, to the ones who don’t know what am talking about. Favicon is a small graphic associated with every website (page). It is essentially the icon in internet, similar to that in your computers.
So Gmail has changed their favicon, have you ?
Here’s how to add a favicon to your site.
Step 1: Create your favicon.
You can either download from the tens of thousands available from internet.
You can create one yourself. Make sure the image size is exactly 16X16, not a pixel more.
Tip: While creating you can use larger sizes such as 32X32 and then resize it.
Make sure your the file type extension is .ico (windows icon).
Step 2: Upload it to your root folder using any FTP client.
Step 3: If you had named the file with “favicon.ico”, then the favicon should automatically show up. Most browsers will automatically pick the icon up.
If its not comming, dont panic. Clear your cache then you re-try, even try another browser or try after some time, it should work.
Step 4: Add the following code to your <head> section.
<head> <link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/> <title>My Title</title> </head>
Actually the standards set in internet recommends that you use Step 4 not Step 3.
Thats how you add favicons. Try adding a favicon for your site now itself. Did you succeed or failed ? Did you resolve the problem ? Share your experience to others here as comments.




