I keep getting the default Android ribbon bookmark icon, instead of my 114x114 icon for web app. Ideas?
I have tried ...
<link rel="apple-touch-icon" href="/icon.png"/>
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png"/>
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-114x114-precomposed.png"/>
I have also tried an approach similar to: if (useragent == blackberry){ use precomposed/use 114x114-precomposed }
In all variations, I continue to get the default ribbon icon, with the favicon centered in the middle of the ribbon. Isn't it possible to create a home page icon in Android that looks like a native app?
I have iOS and BlackBerry devices handled, but I am having no luck with Androids. It also doesn't seem to matter what browser I use.
Do I need to have full path including domain location? Other ideas?
take à look at this ;)
Configuring Android Web Applications
or this
http://www.mollerus.net/tom/blog/2010/06/web_app_homescreen_icons_in_android.html
this
it should work, it may not work because your path is not the right one, make sure your image is at the root of your web server because you included '/' before your path