在图像元素<img/>中显示.ico

Question

我正在尝试在图像元素<img>中显示.ico但在Internet Explorer中它无法正常显示。这是我的代码：

<img src="images.ico" >

有人如何让它出现在所有浏览器中？

Answer 1

在img标签中显示ico文件并不能保证在所有浏览器中都能正常工作（我不建议这样做）。如果要在网络上显示ico文件，请将其转换为其他格式。

Answer 2

您始终可以将图标的base64表示形式放在input属性中。看起来像这样：

src

其中<img src="data:image/x-icon;base64,..."> 是base64表示形式。

如果需要从图标到base64转换的工具，则可以使用Base64.Guru encoder。

以下是在base64表示中编码为Google favicon的代码段：

...

如果您需要使用JavaScript自己将图像转换为base64，下面是一些很好的示例：How to convert image into base64 string using javascript。