移动网站是否使用 favicon.ico ?它将显示在移动网站的浏览器地址栏和标签中
我们在移动网站中使用苹果图标 <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
。 Android,Blackberry和Windows 7手机怎么样? favicon.ico对iOS手机以外的其他手机有用吗
答案 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,原因有三个:
答案 3 :(得分:0)
如果您在主屏幕上添加书签,它将使用favicon作为启动器图标。