【发布时间】：2014-05-06 23:05:06
【问题描述】：
我不是 UI 专家。 对于显示重新加载图标的要求之一，我从链接下载了 128x128 像素的重新加载图标 - https://www.iconfinder.com/icons/28464/recycle_refresh_reload_sync_icon
并在我的 html 页面中使用。实际上，这是为吸引人的页面设计的。
<body>
<img src="reload.ico" />
</body>
在 Firefox 中打开时显示为小图像，但在 Chrome 中打开时相对较大。这背后的原因是什么？
我同意将代码更改为后，
<body>
<img src="reload.ico" width="24px" height="24px" />
</body>
两个浏览器都显示相同的大小。但我很想知道为什么不是第一种情况。
编辑：实际上我不小心下载了 128x128。但后来我很惊讶地看到这种差异。
【问题讨论】：
-
只是不要使用 .ico 格式.. 首选 .png
-
cool.. 在 .ico 上搜索更多内容，发现“ico 不是标准的浏览器图像格式”。所以除了最喜欢的图标目的之外，在所有其他地方都推荐使用其他图像格式，例如 png、jpg。
-
完全正确。请参阅en.wikipedia.org/wiki/… 了解支持的格式
-
谢谢。还有一个问题。 W.r.to this SO question,stackoverflow.com/questions/1944280/… 看来，即使我们将浏览器设置为 jpg/jpeg 有时也会调整实际大小 [从图表中，支持 Mozilla 和 Chrome]
-
另外，您能否将您的建议发布为答案，以便我将其标记为答案。
标签： html google-chrome browser cross-browser mozilla