移动网站是否有使用favicon.ico的用途?

20

移动网站是否有使用favicon.ico的用途?它是否会在浏览器地址栏和选项卡中显示?

我们在移动网站中使用苹果图标 <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>。那安卓、黑莓和Windows 7手机呢?除了iOS手机外,其他手机是否也有用到favicon.ico的价值?


我已经添加了一个你可能感兴趣的答案。 - RaphaelDDL
4个回答

13

以下是关于图标的研究:

考虑标签:<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)。


5
我能在我的安卓手机浏览器地址栏中看到微小的网站图标。我不确定它有多有用,但它确实存在着。
更新:
据我所知,如果我在主屏幕上添加书签(至少在HTC Sense上),则不会显示网站图标。
浏览器中的书签只是微小的页面截图,因此也不使用网站图标。
我认为在安卓设备上它们并没有任何用处。

这似乎取决于浏览器。例如,在我的G2上,Opera Mobile中的地址栏中不显示网站图标,但在书签菜单中显示。 - Mike

1

我为所有移动站点添加网站图标的原因有三个:

  1. 它不会造成任何影响
  2. 在PC上浏览时看起来很好 :)
  3. 一些浏览器会寻找它,那么为什么要返回404并可能使用更多带宽,而不是发送一个微小的网站图标呢?

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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接