移动网站是否有使用favicon.ico的用途?它是否会在浏览器地址栏和选项卡中显示?
我们在移动网站中使用苹果图标 <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
。那安卓、黑莓和Windows 7手机呢?除了iOS手机外,其他手机是否也有用到favicon.ico的价值?
移动网站是否有使用favicon.ico的用途?它是否会在浏览器地址栏和选项卡中显示?
我们在移动网站中使用苹果图标 <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
。那安卓、黑莓和Windows 7手机呢?除了iOS手机外,其他手机是否也有用到favicon.ico的价值?
以下是关于图标的研究:
考虑标签:<link rel="apple-touch-icon" href="IMAGE-NAME" />
考虑尺寸:
57x57px
默认尺寸
72x72px
iPad 尺寸
114x114px
Retina / Opera 尺寸
图像:
'apple-touch-icon.png'
- 在 iOS 中,该图像会应用“光泽”效果。在其他操作系统中,不会发生任何事情。
'apple-touch-icon-precomposed.png'
- 该图像将不接受任何效果
以下是在不同操作系统上进行的测试:
BlackBerry v6.0 或更高版本
- 只能使用'apple-touch-icon'
BlackBerry v5.9 或更低版本
- 不支持
Android 2.2 或更高版本
- 两个版本都可以使用
Android 2.1 或更低版本
- 只能使用'apple-touch-icon-precomposed'
iOS 4.1 或更低版本
- 两个版本都可以使用
iOS 4.2 或更高版本
- 两个版本都可以使用,并接受尺寸属性(因此,尺寸可以不同于57x57px
)
Nokia's (可能为 S60 5th FP1 及更高版本,未完全确认)
- 一些支持'apple-touch-icon'
OperaMini(SpeedDial 快捷方式)
- 两个版本都可以使用,但必须至少有114x114px
(如果我没有记错,speed dial 通常是200x200px
)。
我为所有移动站点添加网站图标的原因有三个: