Iphone不能识别图标

Question

Iphone上的图标有一些问题。

我在标题之后和css文件之前的标题中添加了以下代码：

<!-- For iPhone with high-resolution Retina display running iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-120x120.png">

<!-- For iPhone with high-resolution Retina display running iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-144x144.png">

<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57.png">

<link rel="icon" href="/icon_32.png" sizes="32x32">

所有的my favicon文件都位于根文件夹中，也有支持旧浏览器的favicon.ico。

不知何故，我的iphone没有显示任何收藏图标，当我将页面添加到收藏夹和尝试添加到主屏幕时，它只是使用页面的快照作为图标。在我的android设备上，这些图标工作得很好。

问题可能出在哪里？也许有任何关于如何在我的iphone上直接调试这个问题的建议？

致以最好的问候，Gleb。

Answer 1

First things first：尝试重新加载网站3到4次。这可能是服务器问题。

如果它不起作用，试着在你的网站上获得一个好看的(也就是大尺寸的)图标，并在Real Favicon Generator上给自己做一个新的包，这是为任何浏览器和任何大小的图标提供的真正的交易。可定制且易于使用。它给出了使用et caetera的代码。

这对我很管用。