分开的favicon和android主屏幕图标

分开的favicon和android主屏幕图标,第1张

概述参考这些关于疯狂的全面写作是最喜欢的图标: http://www.jonathantneal.com/blog/understand-the-favicon/ https://mathiasbynens.be/notes/touch-icons http://en.wikipedia.org/wiki/Favicon Android现在开始使用< link rel =“icon”.. />它的主屏 参考这些关于疯狂的全面写作是最喜欢的图标:

http://www.jonathantneal.com/blog/understand-the-favicon/

https://mathiasbynens.be/notes/touch-icons

http://en.wikipedia.org/wiki/Favicon

AndroID现在开始使用< link rel =“icon”.. />它的主屏幕图标的语法与fav图标语法相同.

有没有人有神秘的大小组合和订购能够使用单独的主屏幕图标定位androID并仍然保持跨浏览器兼容性.

例如,我们的fav图标具有透明背景,我们更喜欢主屏幕的专用图标.

解决方法 回答

按此顺序构建并声明以下图标:

> 192×192 PNG图标(专为AndroID设计)
> 194×194 PNG图标(经典的favicon设计,透明)
> 32×32 PNG图标(经典的favicon设计,透明)

注意:AndroID Chrome可能会对主屏幕和书签使用192×192图标,但v37似乎不会这样做.

您可以使用此favicon generator创建可用作模板的代码和图片.由于它不支持AndroID的差异化图片,因此您需要手动添加194×194图片.完全披露:我是这个网站的作者.

说明

供参考,Android Chrome uses a 192×192 icon

<link rel="icon" sizes="192x192" href="/favicon-192x192.png">

我做了some experiments about the Android Chrome favicon.结论:

> AndroID Chrome确实使用了192×192图标.
>如果找不到192×192图标,则会查找下限图标:191×191.否则,190×190.其他…
>它不使用192×192以上的任何东西.例如,如果您提供16×16图标和194×194图标,则Chrome会选择16×16图标,即使194×194图标听起来是更好的选择.

关于其他浏览器:据我所知,没有其他浏览器明确选择192×192图标.好.否则,这将是一个阻塞问题.有两种政策需要处理:

>某些浏览器选择一些低清PNG图标(例如,windows firefox使用32×32 PNG图标).
>某些浏览器选择具有最高清晰度的PNG图标(例如IE 11).

有了这些信息,游戏现在可以为他们想要的两种浏览器提供,所以没有人(但AndroID Chrome)会采用特殊的192×192图标.因此上面的答案.

关于订单的一点额外的扭曲.通常,它是无关紧要的,因为浏览器应该仅根据其大小选择图标. Except for Firefox,which picks the last declared icon.

总结

以上是内存溢出为你收集整理的分开的favicon和android主屏幕图标全部内容,希望文章能够帮你解决分开的favicon和android主屏幕图标所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1122673.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存