5

我已经使用 Woorank 测试了我的网站，并显示了有关缺少 Apple 图标的警告。

我已经搜索过，但我不确定如何包含这个图标，我找到了这个代码

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

我必须以与标准图标相同的方式将这些行包含在头部吗？（我的网站是 HTML5 的）

这些行“apple-touch-iphone.png”中第一张图片的分辨率是多少

4

1 回答 1

7

最小的图标应该是 57×57 像素。

请注意，“-precomposed”声明链接的图标文件已经是闪亮的并且是 3D 的。如果省略“-precomposed”，iOS 会为图像添加 3D 光彩效果。

是的，您当然需要将link-tags 插入到head.

完整图标集的示例：

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico">
<link rel="apple-touch-icon" type="image/png" href="icon.57.png"><!-- iPhone -->
<link rel="apple-touch-icon" type="image/png" sizes="72x72" href="icon.72.png"><!-- iPad -->
<link rel="apple-touch-icon" type="image/png" sizes="114x114" href="icon.114.png"><!-- iPhone4 -->
<link rel="icon" type="image/png" href="icon.114.png"><!-- Opera Speed Dial, at least 144×114 px -->

关于 Apple iOS 图标的文档：http: //developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/ConfiguringWebApplications/ConfiguringWebApplications.html

关于 Opera 快速拨号图标的文档：http ://dev.opera.com/articles/view/opera-speed-dial-enhancements/

于 2012-10-24T13:56:45.573 回答