Apple iPhone/iPodTouch Web Clip 图标大小答案

【问题标题】：Apple iPhone/iPodTouch Web Clip Icon SizesApple iPhone/iPodTouch Web Clip 图标大小
【发布时间】：2011-06-28 06:55:21
【问题描述】：

在 Apple iPhone 和 iPod Touch 上，您可以像这样指定一个指向图标文件的链接：

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

...但是在this page 上，它建议您指定两种不同大小的图标，一种用于 iPhone

我找不到任何说明如何指定两个单独图标的文档。有人可以帮忙吗？

【问题讨论】：

标签： iphone html apple-touch-icon

【解决方案1】：

Google 上有大量关于此的文档。

只需使用：

<!-- **normal** (iPhone/iPod **non retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>

<!-- **normal** (iPhone/iPod **retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon-72.png" sizes="72x72"/>

<!-- and **iPad** version -->
<link rel="apple-touch-icon" href="apple-touch-icon-114.png" sizes="114x114"/>

作为附加信息，如果您使用apple-touch-icon-precomposed 而不是apple-touch-icon，则可以使图标没有光泽效果。

您可以使用几个标签来获得 Safari Mobile 的所有功能，例如启动画面等

另外，阅读this Mobile Tuts article，您将了解拥有出色网络应用所需的几乎所有内容

【讨论】：

感谢您的回答，不知道“尺寸”属性。谷歌现在有另一个很好的资源可供寻找。虽然我认为 iPad 应该是 72 x 72，而“Retina”显示屏应该是 114 x 114，但从我的问题中发布的文档来看。
添加了 Mobile Tuts 链接，其中包含更多可以在 web 应用程序上使用的标签