Regarding the specification for apple-touch-icon on Safari

Question

Created Oct ’16

Replies 3

Boosts 0

Views 4.1k

Participants 4

We'd like to know the specification for apple-touch-icon on Safari; specifically, whether multiple icons can be specified for a certain domain or only one icon is available for one domain.

We are currently setting apple-touch-icon on our website, but there is one issue we are currently facing on Safari for iOS 9.x and iOS 10.x, and we'd like to know that this is a specification for apple-touch-icon or this is a bug on Safari.

Suppose there are two pages: A and B.

A) http://s.ameblo.jp/ebizo-ichikawa

B) http://s.ameblo.jp/tsuji-nozomi

A has its apple-touch-icon below:

B has its apple-touch-icon below:

We are setting the apple-touch-icon using the following tag:

The issue is, when an user bookmarks page B after bookmarking page A, the icon appearing is the one for page A, not for page B.

We would like to know whether

1. it is the specification for apple-touch-icon on Safari,

2. the way we specify the icons are not right, or

3. this is a bug related to Safari itself or bookmark functionality on Safari.

Thank you in advance.

Boost

Answer 1

spec16 OP

Nov ’16

sorry tanaka, i'm not showing up the solution.

i just wanted to bring that topic back on top. i've the same problem here.

the funny thing is, that all the favicons-xx.png will shown for each subdirectory separately.

ugly. 😕

0

Answer 2

YuriyA OP

Jan ’17

I have a similar problem to this. I bookmarked a page using Safari on iOS and it saved the icon for the bookmark. Then, I changed the icon on my page but it never updated in the bookmark section in Safari. Even when I cleared all website data and history, it still loads the old bookmark icon. How do I delete bookmark icons from my iOS device? Please note the question is not, how do I delete bookmarks, I know how to do that. Even if you delete the bookmark, the icon still gets saved somewhere on the device.

So far the only solution I found is that you have to clear all data from the iPhone, it's not practical.

0

Answer 3

andreii OP

Apr ’20

Bumping this as I'm having the same issue.

The apple-touch-icon for the root domain of the website is showing up when a route on that site is bookmarked.
E.g. rootdomain.com has apple-touch-icon A and rootdomain.com/route has icon B. When rootdomain.com/route is Added to Home Screen, icon A is used.

Not sure if this is something thats currently supported.

0