问题标签 [apple-touch-icon]

因此，在 Android 平板电脑上，我得到了 site/apple-touch-icon.png 的 404()。其中，404 是有道理的，因为不存在这样的文件。但更重要的是，该文件在标记中没有被引用。我知道显然可以根据某些与移动相关的 META 标签的包含来自动找到此图标，但代码中的任何地方也没有此类标签。除了标题、描述和关键字标签外，所述代码中唯一的元标签是

根据我的发现，这不会导致这个 404。

此外，所说的 404 似乎唯一出现的时间是用户“登录”时。用户可以从站点上的任何页面登录，但浏览这些页面通常不会出现问题。登录流程将用户带到指定的 url，执行验证等，然后将用户重定向回他们来自的任何地方。在重定向之前不输出任何元标记。但在这个流程的某个地方，平板电脑的浏览器认为它需要寻找“apple-touch-icon.png”文件。

有没有人对可能是罪魁祸首有任何想法？它是没有任何输出的重定向的结果吗？如果是这样，我如何阻止客户这样做？我只是不知所措，试图弄清楚是什么原因造成的。

如果有人认为它相关，则该站点是使用 codeigniter 构建的，并且重定向使用他们的核心方法。非常感谢您的帮助。

编辑 澄清一下，因为我意识到这写得不好（我的不好），平板电脑没有获得资源 404。平板电脑的浏览器实际上正在导航到不存在文件的 url。结果是死页。

我知道苹果触摸图标是什么，而且我之前也见过苹果桌面，所以我可以想象它会是什么样子。我也知道如何在我的网站上添加一个苹果触摸图标。

但这是一个亟待解决的问题：我不断收到（失败）对这个触摸图标的请求……那这意味着什么？

苹果用户只是访问该网站吗？他们给它加了书签吗？

苹果机器触发触摸图标请求的动作是什么？

我在 drupal6 最近的日志中收到了这个警告

（页面未找到 8 月 29 日 apple-touch-icon.png 匿名（未验证））（页面未找到 8 月 29 日 apple-touch-icon-precomposed.png 匿名（未验证））..

如何删除这个 apple-touch-icon.png 或 apple-touch-icon-precomposed.png？

Mobile Safari需要对比传统 16x16 分辨率更高的网站图标使用以下咒语：

但是，Firefox 需要使用HTML5 语法，例如：

现在，我的期望是应该可以将这些组合成一行，如下所示。

有谁知道这有什么问题？我们都知道事情很少这么简单，而且我没有要测试的 iOS 设备，更不用说所有其他毫无疑问复制 Apple 语法的设备了。

更新的问题：

在 2022 年创建网站图标时，什么被认为是最佳实践？

这是 2013 年提出的原始问题：

我正试图了解所有这些不同的大小和格式，这些都是 Favicons、Touch 图标和现在 Tile 图标所需的。

我读过这篇文章： http ://www.jonathantneal.com/blog/understand-the-favicon 但我仍然有点模糊到底该使用什么在所有设备和浏览器上看起来都相当不错> = IE8 .

我想我应该创建以下内容：

ICO
favicon.ico (32x32)

PNG
favicon.png (96x96)

平铺图标
tileicon.png (144x144)

Apple Touch Icon
apple-touch-icon-precomposed.png (152x152)
基于此https://github.com/h5bp/html5-boilerplate/issues/1367

...然后使用此代码为他们服务？

我错过了什么吗？

我不清楚这是否会涵盖 IE 10？

所以我一辈子都无法在我的 Wordpress 网站上使用 apple-touch-icons。我在 WP 3.7.1 上，我也在使用 BPS Security 和 WP Super Cache（以防万一它们可能与它有关），另外我在 Hostgator 孵化共享服务器上（基本服务器） .

我正在尝试直接从 Apple 的开发人员支持文档中实现代码，如下所示：

我已将其添加到 wp-blog-header.php 的最顶部，并将图标添加到根文件夹。它们与 href 中的名称相同。但这根本行不通。我在网上搜索，发现有些人有问题，因为他们的网站受密码保护。

我不确定这到底是什么意思，或者在什么情况下，但他们说他们将文件移动到另一个公共/匿名文件夹，这对他们有用。好吧，它不适合我。我什至将文件上传到 WP 媒体并复制了相关网址，但没有运气。

一直在挠头，不知道为什么我不能让它工作。我记得几个月前我能够毫无问题地为 Joomla 网站做到这一点。非常感谢您的帮助和耐心，在此先感谢各位！

为什么人们（h5bp，Mathias Bynens）说要使用<link rel="apple-touch-icon-precomposed">元素？Apple 在这方面的文档没有提到该属性apple-touch-icon-precomposed的值。rel

Apple 的文档对预先组合的图标这样说：

iOS 7 上的 Safari 不会为图标添加效果。旧版本的 Safari 不会为以 -precomposed.png 后缀命名的图标文件添加效果。

所以看起来我们可以像这样引用预先组合的苹果触摸图标，对吧？：

我知道，这不是一项新技术，这个问题已经以不同的方式被问过几次。但是他们中的任何一个（也没有谷歌搜索）都不能帮助我解决我的问题。

我正在使用以下链接：

这是一个 WordPress 主题，所以我不能简单地将图标放在网络根目录中。这些图标确实有效，例如，当我将网站添加到我的 iPad 收藏夹时，我可以看到漂亮的视网膜图标。

但是当点击“添加到主屏幕”时它不起作用并显示一个黑色图标：

假设我有一个带有我想用于我的网站的图标的 SVG。

1. 我应该将它转换成什么尺寸和格式？
2. 我的 HTML 会是什么样子？

我知道如何指定一个简单的 16x16 图标，但我的目标是该图标应该可以工作并且看起来适合尽可能多的用例。例如图标、书签、iPhone 触摸图标、桌面图标、Windows 8 固定网站等等。

因此，基本上是在寻找一个 HTML 示例，该示例尽可能多地涵盖图像文件应采用的格式和大小。

当点击我的网络应用程序的苹果触摸图标/主屏幕图标时，我想运行一段 javascript 代码，我怎样才能获得点击事件？谢谢