问题标签 [apple-touch-icon]

如何iPhone为我创建的网站设置正确显示的图标？

我不确定正确的尺寸应该是多少。

许多网站似乎重复说苹果触摸图标应该是 57x57 像素，但引用了一个断开的链接作为它们的来源。

Hanselman和playgroundblues的评论建议使用不同的尺寸，包括 163x163 和 60x60。

Apple 自己的apple.com 图标是 129x129！

请参阅我的相关问题： 如何为我的网站提供 iPhone 图标？

在 Apple iPhone 和 iPod Touch 上，您可以指定一个指向图标文件的链接，如下所示：

...但是在此页面上，建议您指定两种不同大小的图标，一种用于 iPhone < 4，另一种用于 iPhone 4。

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

到目前为止，我一直在脑海中包含 Apple Touch 图标的行，如下所示：

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

但是，在问答“苹果触摸图标的正确像素尺寸是多少？” 在接受的答案中指出，根据 Apple 的指南，现在需要三张图像。

那么如何将这些插入到代码的头部呢？

将网站图标和苹果触摸图标移动到子文件夹是否有任何问题？喜欢：

我已经看到很多网站说您可以通过在末尾添加“-precomposed”来禁用 Safari 对 apple-touch-icon 的效果。

Safari 究竟为图标添加了哪些“效果”？

我已经为 iOS 创建了几个 Web 应用程序，它们使用apple-touch-icon-precomposed 链接属性方法来自定义主屏幕图标而没有光泽。但是，我最近遇到了一个问题，在添加主屏幕书签然后运行应用程序并退出应用程序（通过多任务处理）后，光泽应用于图标！我不明白为什么会这样。我无法在 iPad 2 上重现它，但这在运行 4.3.3 的 iPhone 3GS 上不断发生。另外，它似乎与将它放在文件夹中有关？

如果您想检查代码，该应用程序位于http://pattern86.com/apps/color 。

基本上是这样的：

1. 将应用程序添加到主屏幕。（没有光泽——此时一切都很好。）

   

2. 从多任务处理中退出应用程序（它已经在这里显示了光泽！）

   

3. 现在图标有了光泽效果！是什么赋予了？

   

我的网站上有以下代码：

当我在 Firefox 中查看源代码并单击图标显示的 href 属性时（因此它不是 404 错误）。

当代码添加到类似http://website.com/mobile/index.phporhttp://website.com/mobile/page.php的页面并将页面添加到 iPhone 主屏幕时，图标可以正常工作，但是当页面 url 类似http://website.com/page或http://website.com/index图标不显示时。

Safari 选项中提供的“网站调试控制台”中没有出现错误，我已尝试清除缓存和 cookie。

我也使用标签<base href="http://website.com/mobile/" />网站，它同时出现在http://website.com/mobile/index.php和http://website.com/index. 但我看不出这会如何影响它，因为 apple-touch-icon 使用完整的 url。

我无法显示我的 dashcode 网络剪辑图标，它只显示 safari 生成的图标。我曾尝试使用 dashcode 来设计它，然后我使用了代码

我还尝试将一个名为 apple-touch-icon.png 的文件添加到根文件夹中，但仍然无法正常工作。我已经在模拟器、我的 iphone 和我的 ipad 上运行了该站点，并且自定义 Web 剪辑图标不会出现。有没有人有建议

更新：我刚刚创建了一个新的 dashcode 项目并尝试添加一个 webclip 图标，但它仍然无法正常工作。这真的开始让我感到沮丧。

我尝试在模拟器、iphone 和 ipad 上从 2 个不同的操作系统运行此代码，但它不会显示。该代码列在 dashcode 教程中，但我无法让它工作。请帮忙！