A favicon (short for “favorites icon”), also known as a page icon, is an icon associated with a particular website or webpage. Browsers that support favicons may display them in the browser’s URL bar, next to the site’s name in lists of bookmarks, and next to the page’s title in a tabbed document interface, such as Firefox.
Creating a favicon is not much difficult. Here’s a step by step guide
- Create a16×16 pixel faviocn.bmp file using Adobe Photoshop, or Jasc’s Paint Shop Pro.
- Reduce the colors to 16 colors.
- Save your file to a Windows Icon Format (favicon.ico).*
- Upload the file with FTP to the root section of your web site.
- Open up index.html, and add this line after any meta tags in the HEAD section but before the </head>.
-
<link REL="SHORTCUT ICON" HREF="http://mysite.com/favicon.ico">
Reload the page… and try adding it to your favorites or bookmarks. Once you’ve added it to the favorites, close the browser and then open it again, and return to the site? Does it show up now? It should! 
* If you can’t save files in .ico format, download the plug-in for Photoshop here.
November 13, 2006 at 12:10 pm |
[...] At Vikram’s request, I tried my hand at creating a favicon. Well, for the uninitiated, a favorite icon or favicon is the sweet little icon you see when you add a site to your favorites or boomark a page. This icon can also be seen in your browser address bar and also next to the page’s title in a tabbed document interface, such as Firefox. which is not much popular in India though. In Internet Explorer you see the IE logo but hear now the favicon can also be seen in IE 7 with the introduction of tabbed browsing. Talking of IE 7, the bad news for all those having pirated windows installed in your machines, sorry people Microosft doesn’t allow you the luxury of IE 7. Well in case of Vikram’s blog, you see that “V”….well that’s been done by moi and if anyone interested to know how you can also add it to your site, it’s pretty easy. Read my other blog “Positively M.A.D..” to know how you can set up a favicon. [...]
July 22, 2008 at 8:51 pm |
i also tried this guide and i done it, u can see at my site
January 14, 2009 at 5:57 am |
Any Idea where i can host .ico files for free, as my host does not provide this type of file hosting, or can we place a .gif or .png file ?
January 14, 2009 at 6:08 am |
Well yes you can still use .gif or .png files. Just stick to 16 x 16 pixels and 16 x 16 x 16 colors.
January 14, 2009 at 6:05 am |
well got it at http://www.iconj.com
This offers all kinds of help regarding this
You can host your ico files or convert any format files in to .ico format also these people offers all embedding codes just like Photobucket,
January 14, 2009 at 6:10 am |
@ Ehsan
oh great! all the best!