Hi All,

I want to know how to add favicon to a mobile page. I have created a sample web application(.net 2.0 ,c#) . I have added this code  <link rel="shortcut icon" type="image/gif" href="http://find.mobi/favicon.gif" />  in head tag. This is working fine, if I inherit my class from "System.Web.UI.Page".

but not working, if I inherit from System.Web.UI.MobileControls.MobilePage .Can any one tell suggest any reason or solution for this ? 

I need server side code to implement this .

That should work - but mind you that a favicon is a browser feature. Not all browsers implement a favicon in a mobile device. Windows Mobile doesn't support it, and nor does Safari on the iPhone.

Ya. I agree  . But my code neither working in firefox nor in devices . Can you share a working code with me . Both aspx and code behind.

Hi Renjith,

Your implementation is correct. But you dont have to refer it any where in your code. You just need to have a "favicon.ico" (In IIS. dont know about other webservers) at the root level/folder of your website. Just Make sure you follow the below mentioned image formats to get FavIcons on Supported Mobile Devices (Blackberry, Nokia E75, SonyEricsson M600i and other high end phones).

For FavIcon, the image need to be like (this is how i rendered the Fav icon for both Desktop and Mobile phone browsers)

1) 16x16 size. 16 colours (4 Bit) or 256 colours (8 Bit)

AND

2) 32x32 size. 16 colours (4 Bit) or 256 colours (8 Bit)

<link rel="Fav Icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" type="image/gif" href="http://www.yoursite.com/favicon.gif" />

Both the above tags should work in mobile as well as in Desktop Browsers. Just follow the Image size and resolutions.