Android 相互冲突的习惯

我的博客网站生成以下行：

<link href='http://www.mtscollective.com/favicon.ico' rel='icon' type='image/x-icon'/>

我还为Android添加了以下行，以便在将站点保存到主屏幕时使用：

<link href='http://cdn.mtscollective.com/images/android/icon-196.png' rel='icon' sizes='196x196'/>

问题是，有时候Chrome和Firefox可以互换使用，但我只希望它们使用第一行。这有可能控制吗

谢谢

所以您还应该声明一张16x16 PNG图片，以及您现有的196x196图片

还要注意，Firefox使用了最后声明的PNG图片（这是）。确保最后声明16x16图片：

---

最后，Firefox和Chrome都不支持

size

属性。因此，在第一次访问期间，他们将加载两个PNG图片（分别为和）。这不是一个严重的问题，但很高兴知道这一点。

谢谢！如果两种浏览器都不支持

size

属性，那么在16x16行中使用它有什么好处？Chrome不会检查size属性，但会选择分辨率最合适的图标（在经典桌面环境中为16x16）。Firefox选择最后一个PNG图标。但其他浏览器（如Android Chrome）在其遇到的sizes属性的帮助下，足够聪明，只加载196x196图标。我理解，但如果Chrome或Firefox都不支持

sizes

属性，并且由于它们是我瞄准favicon的主要浏览器，我是否需要添加

sizes=“16x16”

？谢谢，我想最好是宣布它，但我不能100%肯定，因为我没有测试以下内容：Android Chrome是你的目标之一。如果未设置

size=16x16

，它会找到一个196x196图标并。。。另一个图标。它有什么作用？它会忽略这个未指定的图标吗？它加载它来计算它的大小吗？除非您明确测试这个案例，否则我建议您不要忽略

size=16x16

。

<link rel="shortcut icon" href="/path/to/icons/favicon.ico">
<link rel="icon" type="image/png" href="/path/to/icons/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="/path/to/icons/favicon-16x16.png" sizes="16x16">