Custom WebSite icon on Home of Mobile

Yesterday a meeting time, Gipi asked me, iPhone's browser like Google Chrome to the desktop page pulled nearly fooled Czech,

But it seems that the snapshot icon currently viewing screen, there is no way to change the icon like the general iPhone, than people

Better operation, may also be connected directly to the desired site.

I thought for a moment, would like to make icon can transform the way it should be like in the development of web applications, when developers will

MasterPage, a plus for a command:

1:

2:

3:

So that the address bar on the browser icon appears next to the custom. as follows:

So, I searched and found an article "How to Create a Custom Logo iPhone Icon for Your Web Site",

This clearly illustrates Benedict to add those particular Tag, allows users to unwanted websites added to your Home, and you are using

The site itself custom icon, rather than snapshop down the screen. Well ado, the following tidied support iPhone and Android

Command and display the results.

* for iPhone

1:

2:

3:

The key values in that: apple-touch-icon. This is the iPhone browser (Safari) to help you when Add on Home Screen, can be identified and isolated

The icon icon. So, we look at the results.

* for Android

1:

2:

3:

The key values in that: apple-touch-icon-precomposed. So that we can support these effects, but ... After my test results,

In Android 1.6, although the icon can be displayed on the Home, but the effect is not iPhone is a complete icon, and Android 1.6

Icon is used in the illustration, it is rather strange. But Android 2.1 is complete as iPhone

Effects. The following two shown:

As for Windows Mobile with Symbian, currently yet to see similar functionality. Then there will be hope.

Tidy up a little, but also as a record for everyone to share.

[Note]

* IPhone illustration, can be used in the illustrated 45x45 pixel.

* Android illustration, can be used in the illustrated 45x45 or 57x57.

References:

‧ Help Android settings

http://philwilson.org/blog/2010/01/adding-a-bookmark-to-an-android-home-screen

http://stackoverflow.com/questions/1951381/configuring-android-web-applications

‧ Help iPhone settings

http://www.ehow.com/how_5440827_create-custom-logo-iphone-icon.html

http://www.ehow.com/how_4478295_custom-home-screen-bookmark-icons.html (eating step approach)

http://www.ehow.com/how_2214493_change-icons-home-screen-iphone.html