我查看了这个博客http://mathiasbynens.be/notes/touch-icons它在iPhone上运行得很好,但在Android上,我在主屏幕上看到了一个奇怪的图标。我正在查看的页面快照,在左下角有一个小的触摸图标,我在标题中添加了它。为什么会这样?在我的android设备(2.2)中也可以像触摸图标一样获得它吗?
这个最喜欢的兼容性测试表明了以下关于Android的内容:
- 三星Galaxy S(Android 2.3.3):默认浏览器采用16x16 PNG图标(因此不是Apple Touch图标),并在其周围添加一些装饰。虽然正确,但这不是预期的行为
- HTC Desire(Android 2.2.2):默认浏览器采用57x57 Apple Touch图标,这是正确的
- Nexus 7(Android 4.4):
- Chrome采用了152x152的Apple Touch图标,这是正确的
- Firefox拍摄了196x196的PNG图片,这有点令人惊讶,但也是正确的
最后,你可能会在旧的安卓设备上观察到一些意想不到的行为。
为了最大限度地提高兼容性并避免与Photoshop&朋友,HTML代码和设备,你可以尝试这个favicon生成器。已经进行了一些广泛的测试。完全披露:我是这个网站的作者。