How to add favicon to web site

A favicon is an icon/graphic image that is linked with website or webpage. It stands for “Favorites Icon”. It’s also known as website icon, shortcut icon, bookmarks icon etc. Its sizes would be 16×16, 32×32, 64×64 pixels with 8-bit or 24-bit colors. And mostly used cross-browser compatible format of this icon is *.ico graphic image. Also other image formats are supported by browsers such as *.png, *.gif , and *.jpeg.

Most of the User Agents such as web browser display it as visual identity of the particular website. it is shown on address bar or bookmarks list.

W3C preferred standard way of adding favicon to a website is as follows:

This approach for specifying the favicon of website is use of rel attribute value “icon” defined in profile.

* IE6 does not show always favicon, till now it does not show Yahoo, Google, Facebook etc. web icons
*Tricks may work, these did not work when I had tried so not confirmed-
– IE6 only displays the favicon after the site is bookmarked.
– Try deleting your bookmark and clearing your cache and history. Then, go
back to the site and bookmark it again. It /should/ show after that.

Rate this:

Like this:

Related

About M MoniruzzamanA passionate software engineer, have been developing applications on various platforms such as Android, iPhone, .Net (C#) technologies and web based ASP.NET, PHP, JavaScript, jQuery technologies for more than 10 years.
Especially I have expertise on developing applications for Android and iPhone, as well as service oriented, client-server based applications where clients will be reside on Android/iPhone that communicate with WCF(.NET) service hosted on server.
I have completed certification in Microsoft Certified Professional Developer (MCPD) on .Net 4 .
I have completed my graduation in --
B.Sc. (Engineering) in Computer Science and Engineering,
ShahJalal University of Science and Technology, Bangladesh.
Thanks,
M. Moniruzzaman (Zaman)