WebClip图标不能在主屏幕上工作

我知道，这不是一种新技术，这个问题已经被问了几次不同的变化。但是他们中的任何一个（也不是谷歌搜索）都可以帮助我解决我的问题。WebClip图标不能在主屏幕上工作

我用下面的链接：

<link rel="shortcut icon" type="image/x-icon" href="http://example.com/wp-content/themes/scott-odlo/images/favicon/favicon.ico" /> 
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://example.com/wp-content/themes/scott-odlo/images/favicon/favicon144.png" /> 
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://example.com/wp-content/themes/scott-odlo/images/favicon/favicon114.png" /> 
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://example.com/wp-content/themes/scott-odlo/images/favicon/favicon72.png" /> 
<link rel="apple-touch-icon-precomposed" href="http://example.com/wp-content/themes/scott-odlo/images/favicon/favicon57.png" />

这是一个WordPress主题，所以我不能简单地把图标在Web根目录。这些图标实际上是做的工作，例如当我将该网站添加到我的iPad favs，我可以看到美丽的视网膜图标。

但打“添加到主屏幕”当它不工作，并显示一个黑色的图标来代替：

enter image description here

来源

2014-03-04 Julian F. Weinert

当iOS版无法找到合适的图标，它生成的页面的缩影作为替代品。你的网页主要是黑色的？如果是这样，那（部分）解释黑色图标。

你的代码是正确的，但也有关于iOS7，这改变了规则这两样东西差异：

大小发生了变化。例如，自iOS7以来，72x72图片现在应该是76x76。那么，iOS7可以应付旧的尺寸，所以这不是你观察到的解释。
现在不推荐使用预组合图片。没有更多apple-touch-icon-precomposed，只支持apple-touch-icon。这可能解释了为什么你的图标在主屏幕上失败。

新的大小，预计HTML代码等

见Apple references为了创造合适的图片和HTML代码，你可以使用这个favicon generator。充分披露：我是本网站的作者。

来源

2014-03-05 09:00:11

伟大的发电机，谢谢！我仍然不知道我的图标有问题，但现在它正在工作。我真的很讨厌windows，但是你为W8实现了这个瓷砖很酷！你的回答并不能真正解决我的问题，但无论如何，我会接受它，因为你提供了一个很棒的解决方法:-) –

哦，我对我的“没有更多预先制作的图标”的观点非常有信心，太糟糕了！但很高兴该服务解决了您的问题！ –

WebClip图标不能在主屏幕上工作

回答

相关问题