移动网站有没有使用favicon.ico?

时间:2011-08-05 04:14:39

标签: android html windows-phone-7 mobile-safari mobile-website

移动网站是否使用 favicon.ico ?它将显示在移动网站的浏览器地址栏和标签中

我们在移动网站中使用苹果图标 <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>。 Android,Blackberry和Windows 7手机怎么样? favicon.ico对iOS手机以外的其他手机有用吗

4 个答案:

答案 0 :(得分:12)

以下是我对图标的研究:

考虑标记:<link rel="apple-touch-icon" href="IMAGE-NAME" />

考虑尺寸:

57x57px默认尺寸

72x72px iPad尺寸

114x114px Retina / Opera

图片:

'apple-touch-icon.png' - 在iOS上,此图片将应用“光泽”效果。在其他操作系统上,没有任何反应。

'apple-touch-icon-precomposed.png' - 此图片不会产生任何影响

以下是对OS'的以下测试:

BlackBerry v6.0 or higher - 仅适用于'apple-touch-icon'

BlackBerry v5.9 or lower - 不支持

Android 2.2 or higher - 适用于两个版本

Android 2.1 or lower - 仅适用于'apple-touch-icon-precomposed'

iOS 4.1 or lower - 适用于两个版本

iOS 4.2 or higher - 适用于两个版本并接受尺寸属性(因此,尺寸与57x57px不同)

Nokia's (probably S60 5th FP1 and higher, not fully confirmed) - 有些人接受'apple-touch-icon'

OperaMini (SpeedDial Shortcut) - 同时使用这两个版本但必须至少114x114px(如果我没弄错的话,快速拨号通常为200x200px

答案 1 :(得分:5)

我可以在Android手机的浏览器地址栏中看到小小的图标。我不确定它有多有用:)但它就在那里..

更新

据我所知,如果我在主屏幕上添加书签(至少不在HTC Sense中),则不显示favicon

浏览器中的书签本身只是一个小页面截图,所以也没有在那里使用。

不要认为它们在Android设备上完全有用。

答案 2 :(得分:1)

我为所有移动网站添加了favicon,原因有三个:

  1. 没有伤害
  2. 通过PC浏览时效果很好:)。
  3. 有些浏览器会查找它,那么为什么要返回404并可能使用更多带宽而不是发送一个小小的图标呢?

答案 3 :(得分:0)

如果您在主屏幕上添加书签,它将使用favicon作为启动器图标。