“apple-touch-icon-precomposed”不是 rel 属性的真实值？答案

【问题标题】："apple-touch-icon-precomposed" is not a real value for the rel attribute?“apple-touch-icon-precomposed”不是 rel 属性的真实值？
【发布时间】：2014-01-10 01:48:27
【问题描述】：

为什么人们（h5bp、Mathias Bynens）说要使用<link rel="apple-touch-icon-precomposed"> 元素？ Apple's documentation on this 没有提到 apple-touch-icon-precomposed 作为 rel 属性的值。

Apple 的文档对预组合图标这样说：

iOS 7 上的 Safari 不会为图标添加效果。旧版本的 Safari 不会为以 -precomposed.png 后缀命名的图标文件添加效果。

所以看起来我们可以像这样引用预先组合的苹果触摸图标，对吧？：

<link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png">

【问题讨论】：

在旧的（iOS 7 之前的）日子里，precomposed 意味着您不希望 iOS 将图标光泽度添加到您的图标，或者因为您“预先组合”了带有光泽度的图标，或者你不想让光泽变平。

标签： html mobile web-applications favicon apple-touch-icon

【解决方案1】：

您链接到的the write-up on touch icons 的直接引用解释了它：

从 iOS 7 开始，触摸图标不再应用特殊效果，因此如果您只关心 iOS 7 及更高版本，则不必再使用precomposed。

换句话说，建议在较旧的 iOS 版本上以最佳方式显示您的触摸图标。随意不要使用它。

【讨论】：

我知道IOS7不会给图标添加特效，所以如果你不介意旧版本的IOS也不添加特效，你可以将apple-touch-icon-precomposed.png重命名为apple-touch-icon.png。我的问题是为什么人们曾经使用apple-touch-icon-precomposed 作为rel 属性的值。 Apple 的文档从未将其作为价值提及。这是an older 2011 version of that doc。
“所以如果你不介意旧版本的IOS也不加特效，你可以将apple-touch-icon-precomposed.png重命名为apple-touch-icon.png”→这没有意义。省略 -precomposed 表示旧 iOS 版本将添加效果。
人们使用rel=apple-touch-icon-precomposed而不是rel=apple-touch-icon，因为它与在/apple-touch-icon-precomposed.png而不是/apple-touch-icon.png提供图像具有相同的效果。

【解决方案2】：

我自己在 iPad 3 上对 iOS 6 的测试表明，当使用的文件名不是 apple-touch-icon-* 时，rel 值似乎是必要的。

将-precomposed 添加到不规则的文件名（例如app-icon76x76.png）没有效果，而添加rel="apple-touch-icon-precomposed" 会按预期删除效果。

【讨论】：