0

How can I specify the icon/ image thumbnail and text used in the iOS Chrome new tab? It doesn't appear to be http://example.com/favicon.ico.

Screenshot of iOS Chrome new tab

sjjb
  • 3
  • 1

1 Answers1

0

Quick and easy solution

Apparently you have only one icon, favicon.ico, which is mostly ignored by mobile browsers. You should at least define a Touch icon. You can use a service such as Real Favicon Generator to create everything and support all browsers.

Full disclosure: I'm the author of this site.

Precise (but probably too elaborate) solution

Run the compatibility test to understand which icon is actually displayed by Chrome in this particular place. For example, if you discover that Chrome takes the 152x152 Apple Touch icon, well, now you know what you need.

Problem: you probably want to support all scenarios (Android Chrome, iOS Safari, etc.), not only the "New tab" of iOS Chrome. So even if you find out, you will probably want to declare other icons.

philippe_b
  • 38,730
  • 7
  • 57
  • 59
  • Thanks for this, I had most of the Apple icon files/ browserconfig.xml etc, but have added the missing ones specified in the link. – sjjb Apr 02 '16 at 01:56