我读到有很多苹果触摸图标的大小。
就像那样:
<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">
所以问题是:如果没有指定图标的大小，那么图标的大小应该是多少，以及vice如何处理它?
我的猜测，我将使图标144x144和以上所有将适当缩小!
*reference: iPad和iPhone 4的apple-touch-icon.png大小应该是多少?
根据这个苹果开发者页面，如果没有指定尺寸，默认为57x57…但我相信如果你有一个更大的图标，设备会适当地缩放它，所以144x144就可以了。
如果你可以访问代码，为什么不改变里面的内容并指定不同的大小呢?这样，每个设备将只下载适合其屏幕大小的图像，并节省一些带宽(这对于可能使用慢速3G甚至pre-3G连接的移动设备来说很重要)。
需要注意的是真正的旧设备不理解"sizes"属性，最终会加载最后一个指定的元素…所以你应该把57x57的图标放在列表的底部。最后，请注意第一个示例代码中的文件名可以更改;如果"apple-touch-icon-114x114.png"对您来说比"apple-touch-icon-iphone4.png"更有意义，请随意使用(或任何您喜欢的)。只需确保href属性中的URL与您正在使用的文件名匹配!唯一需要注意的是，要确保您的文件与四个默认图像之一相匹配，这样任何没有指定apple-touch-icon链接的页面仍然会有默认图像。这四张图片是(按照它们被选中的顺序):
- apple-touch-icon-57x57-precomposed.png
- apple-touch-icon-57x57.png
- apple-touch-icon-precomposed.png
- apple-touch-icon.png