在 img 标签中使用 .ico

Posted 2023-02-18

【中文标题】在 img 标签中使用 .ico

【英文标题】：Using .ico in img tag

【发布时间】：2015-09-05 02:37:02

【问题描述】：

当在 img 标签中使用 ico 文件作为 src 时，我在 Firefox 中遇到了下一个奇怪的行为。 当它在 Firefox（最新版本）中打开时，它具有 16x16 格式，尽管 ico 原始格式是 128x128。 在其他浏览器（Chrome、IE）中一切正常。 只需在 Chrome 和 Firefox 中打开大象-128x128.ico，您就会看到不同之处。

<img height='128' src="http://icons.iconseeker.com/ico/cloth-dolls-icons/elephant-128x128.ico">


https://jsfiddle.net/qwx2sxzg/1/ 

或 http://icons.iconseeker.com/ico/cloth-dolls-icons/elephant-128x128.ico 有人知道如何解决这个问题吗？

【参考方案1】：

最好的办法是将ico 文件转换为另一种格式，因为它不兼容所有浏览器。

Image Format Support For Web Browsers

没有其他解决方法。

【讨论】：

谢谢，我们决定将大小传递给服务器并将 ico 转换为 png。

@SergeyZubatkin 不客气，确保保存转换后的图像，这样服务器就不必在每次请求时转换图像。