0

我读过有很多苹果触摸图标大小。

就像这样：

<link rel="apple-touch-icon" href="apple-touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-iphone4.png" />

在我购买的主题中，我的代码如下所示：

<link rel="apple-touch-icon" href="logo.png" /><style type="text/css" media="all">

所以问题是：如果没有指定大小，图标应该是什么大小，以及设备将如何处理它？

我的猜测，我会将图标设置为 144x144，以上所有内容都会适当缩小！

*参考：对于 iPad 和 iPhone 4，apple-touch-icon.png 的大小应该是多少？

4

1 回答 1

1

根据此 Apple Developer page，如果未指定大小，则默认为 57x57 ......但我相信如果你有一个更大的图标，设备会适当地缩放它，所以 144x144 可以工作。

如果您可以访问代码，为什么不更改其中的内容并指定不同的大小？这样，每个设备将只下载适合其屏幕大小的图像并节省一些带宽（这对于可能使用慢速 3G 甚至 3G 连接的移动设备很重要）。

一个警告是，真正的旧设备不理解“大小”属性，最终会加载最后一个指定的元素......所以你应该将 57x57 图标保留在列表的底部。

最后，请注意，您的第一个示例代码中的文件名可以更改；如果“apple-touch-icon-114x114.png”对你来说比“apple-touch-icon-iphone4.png”更有意义，请随意使用它（或任何你喜欢的东西）。只需确保 href 属性中的 URL 与您使用的文件名匹配即可！唯一需要注意的是确保您有一个与四个默认图像之一匹配的文件，以便任何没有指定 apple-touch-icon 链接的页面仍然具有默认值。这四个图像是（按照它们被检查的顺序）：

  1. 苹果触摸图标 57x57-precomposed.png
  2. 苹果触摸图标 57x57.png
  3. 苹果触摸图标precomposed.png
  4. 苹果触摸icon.png
于 2013-09-05T01:59:29.443 回答