跨浏览器/跨平台工作的最佳方法
在阅读了这两篇文章(一，二)之后，我对如何覆盖所有平台和浏览器以获得最佳的使用偏好感到困惑。
现在，我有了这个，但我不确定这是否是最佳的。
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/apple-touch-icon-152x152-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-120x120-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/apple-touch-icon-76x76-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png">
<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48 64x64" type="image/vnd.microsoft.icon">我也不知道apple-touch-icon-precomposed.png的尺寸应该是多少。
但切题(tl;dr)：什么是覆盖尽可能多的平台和浏览器的最佳方式，推荐给图标的大小是多少？
对于能够回答这两个问题的人，我们将给予奖励: 1.覆盖尽可能多的平台和浏览器的最佳方法是什么；2.每一次发生都需要多少大小。
回答 2
Stack Overflow用户
发布于 2013-11-26 19:56:14
好吧，你看了http://mathiasbynens.be/notes/touch-icons，因为他是建议改变苹果触摸图标的html5样板的人之一。
他的网站上有一个摘要如下：
那么，使用哪种技术呢？这一切都取决于，真的。 如果Android支持是必需的，那么您必须使用HTML，我建议使用“不同图标大小”部分下面的最后一个代码片段。如果您只关心iOS，我强烈建议使用非HTML方法。如果你懒惰，不关心安卓，传统的iOS版本，或者性能，我想你只需要使用一个152×152个图标，就把它命名为苹果触摸图标-preComposed.png，并把它放在你的网站的根部。
这里是他与脚本和所有大小一起使用的测试用例：
http://mathiasbynens.be/demo/touch-icon
这应该会回答1和2。另外，你可以睡好觉，因为他实际上做了人群测试，并且覆盖了所有的测试用例。
Stack Overflow用户
发布于 2013-11-27 03:37:28
问题1很容易回答。将favicon.ico放到站点根目录中，所有浏览器都会读取它，即使是像IE4这样的遗留浏览器。该图标可以包含多个大小，浏览器将选择最好的大小，但推荐的大小是128x128 (高分辨率桌面)、64x64 (桌面)、16x16 (浏览器选项卡)。这个解决方案依赖于微软事实上的标准，这些标准本身并不是最优的，但浏览器支持是非常好的。这涵盖了所有的情况，我知道，除了愚蠢的iDevice特有的“苹果触摸图标-预编”的垃圾，你似乎已经有一个处理。
如果使用此方法，甚至不需要元标记，但元标记有一个优点，即它允许强制刷新图标：
<link rel="shortcut icon" href="/favicon.ico?ver=2" />
问题2很难回答，因为新的设备总是会出现。我个人并不认为覆盖“每一种可能性”都是必要的，因为大多数情况下，最适合的设备将根据需要进行缩放。至少有一个高分辨率版本就足够了。
别想太多了。我推出的大多数网站只有一个64x64图标文件，没有客户抱怨过质量或兼容性问题。我只在高分辨率版本看起来不适合16x16的情况下添加其他大小。
https://stackoverflow.com/questions/20037667
复制相似问题
腾讯云开发者
