How to change the default Android bookmark icon?

Dallas picture Dallas · Nov 25, 2011 · Viewed 11.4k times · Source

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?

Answer

darkylmnx picture darkylmnx · May 3, 2012

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