Question

我不是UI专家。对于显示重新加载图标的要求之一，我从链接下载了128x128像素重新加载图标 - https://www.iconfinder.com/icons/28464/recycle_refresh_reload_sync_icon

并在我的html页面中使用。实际上这是为catcha页面设计的。

<body>
<img src="reload.ico" />
</body>

在Firefox中打开时，这显示为一个小图片，但在Chrome中打开时，它相对较大。这背后的原因是什么？

我同意将代码更改为

<body>
<img src="reload.ico" width="24px" height="24px" />
</body>

两个浏览器都显示相同的大小。但我很想知道为什么它不是第一种情况。

编辑：其实我不小心下载了128x128。但是，我很惊讶地发现这种差异。

Answer 1

.ico 文件仅支持favicon。

首选 .png 文件以获取透明图片/图标。

看到每个浏览器支持的格式列表