【问题标题】:Icons for websites with an <img> tag带有 <img> 标签的网站图标
【发布时间】:2010-03-30 12:24:08
【问题描述】:

链接到网站图标的最佳方式是什么?意思是,给定一个主机名,我应该在&lt;img> 标记中放入什么 src 以链接到 16x16 图标?

我只是在做http://&lt;hostname&gt;/favicon.ico。不同的浏览器似乎不喜欢某些 .ico 文件。 Chrome 似乎都喜欢,但 Safari、FF 和 IE 都存在各种图标的问题。

示例页面:http://paultarjan.com

【问题讨论】:

    标签: browser image favicon


    【解决方案1】:

    认为问题在于那些浏览器不支持 img 标签中的 .ico 文件格式。您可能需要为它制作一个转换为 png 或其他东西的代理。不过,刚才测试了一下,Safari 似乎可以很好地加载该示例。不过,关于那个有一件奇怪的事情:它是 32x32。

    此外,尽管几乎每个人都使用 /favicon.ico,但您实际上可以使用任何东西并在页面头部的 &lt;link&gt; 标记中定义它。我不知道这对你正在做的事情有多重要,但从技术上讲,你不能依赖它被这样称呼。

    如果这没有帮助,请说明 .ico 文件如何被不同的浏览器“不喜欢”。

    【讨论】:

      最近更新 更多