我认为您只想了解有关网站图标的信息，因为您的问题带有标签favicon。在其他情况下，我可以写一本关于它的书。:-) 我没有找到有关尺寸顺序的信息，但由于节省了服务器资源，我会按照从小到大的顺序进行操作。
Internet Explorer 9在以下位置使用站点图标：
- 地址栏 （
16x16）- 新标签页 (
32x32)- 任务栏按钮 (
32x32)- 固定站点浏览器 UI (
24x24)创建固定网站时，您可能需要通过以下方式使用其他图标：
- 跳转列表任务 (
16x16)- 缩略图工具栏按钮 (
16x16)- 叠加图标 (
16x16)为了在 Internet Explorer 9 中获得最佳体验，您的图标应支持以下图像尺寸：
- 受到推崇的
16x16, 32x32, 48x48- 最佳的
16x16, 24x24, 32x32, 64x64
ICO 文件可以包含多张图片，Microsoft 建议将16x16、32x32和48x48版本的图标放在 favicon.ico 中。例如，IE 将使用16x16版本作为地址栏，使用 版本32x32作为任务栏快捷方式。
您可以像下面这样编写网站图标：
<link rel="icon" href="/path/to/icons/favicon.ico">
现代桌面浏览器（IE11、Chrome、Opera、Firefox...）更喜欢使用 PNG 图标。通常的预期大小是16x16、32x32和“尽可能大”。例如，196x196如果 MacOS/Safari 能找到最大的图标，则使用该图标。
PNG 图标声明为：
<link rel="icon" type="image/png" href="/path/to/icons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/path/to/icons/favicon-32x32.png" sizes="32x32">
...
文档： <link>： MDN 上的外部资源链接元素。
推荐尺寸是多少？选择您最喜欢的平台：
16x16、、32x32“尽可能大”192x192添加到智能手机上的主屏幕）96x96有关经典和非经典图标的附加信息：