I have added a 196x196 favicon as usual to a web page here. This favicon is normally used when doing "Add to homescreen" from Google Chrome in Android. This big favicon normally gets added to the homescreen. But not this time. Instead the smaller 32x32 favicon is added to the home screen (and that does not look nice). Is there anyone who can see what is wrong here?
https://dl.dropboxusercontent.com/u/848981/psych/bt/me/memory.html
The code for adding the favicon is the one I use on other pages (where it works):
<link rel="icon" href="favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="favicon-196x196.png" sizes="196x196" type="image/png">
UPDATE I just tested one of the other sites. Actually the 196x196 icon is used (if I delete the link to the 32x32 icon), but it is shown on the home screen as if it was a small icon!
The recommendation to use 196x196 is here: https://developer.chrome.com/multidevice/android/installtohomescreen#supporting
So I guess this is a bug (a regression) in Chrome then. I will report it. (Bug 397009)
Google Chrome developers has now changed their recommendations and fixed the problems. The preferred favicon size for adding to homescreen is now 192x192.
Please see Issue 397509 - chromium - The 196x196 favicon is not added to Android homescreen correctly. (A 196x196 icon will also work now.)
And my favorite icon creating site has changed to provide 192x192 (instead of 196x196)!