为iPad和iPhone区分网站图标（favicon）

Question

是否有一种方法可以在iPad上使用一个图标，而在iPhone上使用另一个图标？我知道的唯一一个fav icon代码是<link rel="apple-touch-icon" href="icon.jpg">，但这只是通用的苹果设备，并不能指定设备。我认为，由于新款iPhone和iPad具有Retina显示屏，因此对于这些设备，我也需要一个不同的Web应用程序图标，对吗？

- SnowboardBruin

Answer 1

当然，以下内容来自出色的《图标手册》：

Icon Handbook：

<!-- For iPhone 4 Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png">

<!-- For iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72-precomposed.png">

<!-- For iPhone: -->
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png">

- philoye

---

还有一种适用于Retina版本的iPad的144x144触摸图标--http://mathiasbynens.be/notes/touch-icons - Ian Dunn