未指定尺寸时，苹果触摸图标的尺寸是多少

Question

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

就像这样：

<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，并且上述所有图标均会适当缩小！

*参考： apple-touch-icon.png适用于iPad和iPhone 4的尺寸是多少？

Answer 1

根据此Apple Developer页面的说明 ，如果未指定大小，则默认为57x57 ...，但是我认为如果其中有较大的图标，设备将适当缩放它，因此144x144可以使用。

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

一个警告是， 真正的旧设备无法理解“ sizes”属性，最终将加载最后一个指定的元素……因此，您应将57x57图标保留在列表的底部。

最后，请注意，可以更改第一个示例代码中的文件名。 如果“ apple-touch-icon-114x114.png”比“ apple-touch-icon-iphone4.png”更有意义，请随时使用（或您喜欢的任何一种）。 只要确保href属性中的URL与您使用的文件名匹配即可！ 唯一与此有关的问题是确保您拥有与四个默认图像之一匹配的文件，以便任何未指定apple-touch-icon链接的页面仍将具有默认值。 这四个图像是（按检查顺序排列）：

1. apple-touch-icon-57x57-precomposed.png
2. apple-touch-icon-57x57.png
3. apple-touch-icon-precomposed.png
4. apple-touch-icon.png