据我了解，大多数台式机浏览器都需要16x16网站图标图像。如this article中所述，iPhone / iPad / Android等其他平台对浏览器的图标或书签图标的像素大小要求也不同。
我的问题：
（1）关于选择哪个
假设出于参数考虑，浏览器需要 32x32 图标。如果HTML的图标图标声明中不存在完全匹配的内容，将选择哪一个？
<link rel='icon' sizes='16x16' href='favicon-16.png'></link>
<link rel='icon' sizes='48x48' href='favicon-48.png'></link>
注释32正好是16（整数）的2倍，但是48是16（具有小数部分）的1.5倍。
有关图标的MDN文档含糊不清，因为它未指定 选择“最合适”的优先级：
如果有多个，则浏览器将使用它们的 媒体，类型和尺寸属性以选择最合适的图标。 如果几个图标同样合适，则使用最后一个。
参见此MDN article about link types，在表格中找到 “图标”行。
（2）关于缩小后的渲染
假设服务器提供的唯一图标图像是48 * 48，但是浏览器需要一个16x16图标，因此浏览器决定将48 * 48图标缩小为16 * 16（这是浏览器的作用，{{3 }}）。请注意，这是3倍的缩小尺寸。坐标不为3的线会发生什么？
例如，有一条黑色的1像素宽度的线，其两端在像素坐标（32，0）和（32，48）处。缩小尺寸后，数学上新的像素坐标应为（10.66 ..，0）和（10.66 ..，16）。
使用原始黑色将这条线渲染为（a）从新坐标（11，0）到（11，16）的1像素宽度的线，或将（b）渲染为2像素宽度的线从新坐标（10，0）/（11,0）到（10，16）/（11，16）使用灰色？