矛盾的Favicons

时间:2014-05-14 15:22:47

标签: android browser favicon

我的Blogger网站生成以下行:

<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会互换使用,但我只希望他们使用第一行。有可能控制这个吗?

由于

1 个答案:

答案 0 :(得分:1)

Firefox and Chrome tend to favor PNG pictures over favicon.ico.因此,您还应声明16x16 PNG图片以及现有的196x196图片。

另请注意,Firefox使用最后声明的PNG图片(这是bug 751712)。确保声明16x16图片 last

<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">

最后,Firefox和Chrome都不支持sizes属性。因此,在第一次访问期间,他们将加载两张PNG图片(bug 751712 (FireFox)issue 324820 (Chrome))。这不是一个严重的问题,但很高兴知道这一点。