Favicon 没有出现？答案

【问题标题】：Favicon Not Showing Up?Favicon 没有出现？
【发布时间】：2023-04-03 12:52:01
【问题描述】：

知道为什么这不起作用吗？

<link rel="icon" type="image/png" href="Favicon.png"/>

只是没有出现。我在本地练习网站上使用了完全相同的设置，并且效果很好（它也使用了相同的图片）。您是否应该像我一样将图片放到您的网站服务器上并引用它？还是有什么我不知道的？

另外，您究竟是如何让网站图标显示在 IE 上的？是的，我研究过这个，我发现的所有方法都不起作用......

【问题讨论】：

检查this link
这篇文章可能对stackoverflow.com/questions/9943771/…有帮助

标签： html favicon

【解决方案1】：

您可以将图标 [favicon.ico] 放在您网站的根目录中。这就是我所做的。哦，是的，要回答这个问题，可能是因为它是 png ;)
在线有一个 PNG 到 ICO 文件转换器，所以这就是我用来解决 IE 问题的方法。 www.convertico.com
*如果您在本地进行测试，它可能不会显示。我的本地页面没有显示网站图标。

【讨论】：

我相信它已经在根目录中了...根目录是正确的网站名称的文件（我对这个世界很陌生...）？里面有主页 HTML 文件吗？
是的，包含 index.html 文件。尝试转换为 ICO。而且我不会在您的文件名中使用大写字母，这是自找麻烦。因为虽然 Windows 没有发现差异，但 UNIX（和 Mac）却有，而且许多服务器都是 UNIX。
是的，我知道这违反了惯例，但我不知道它实际上会产生什么影响。它现在是 favicon.ico ......但仍然无法正常工作。
您的提供者是谁？我认为如果他们不支持它可能无法启用，那么我们可能必须使其与元数据一起使用，我还没有这样做...如果您知道同一服务器上的页面，您可以尝试看看他们是怎么做到的？
梦想主机。我很确定他们支持它，因为当我启动它时，他们在服务器上有一个名为 favicon 的文件。不知道它到底是什么......但它现在不见了......

【解决方案2】：

是的，您应该将文件上传到您的网络服务器。这对您来说在本地工作的原因是因为它与您的 html 文档位于同一个文件中。要让您的网站图标正常工作，您需要做两件事：

将文件上传到与您的 html 文档相同的文件夹中。如果您有网络主机，例如altervista.org，您可以将您的网站图标上传到网站。
将您的网站图标上传到图片上传网站。你可以使用谷歌驱动器，任何可以公开展示你照片的网站都可以。如果您将其上传到服务器，您可以找到指向您的图片的链接并在您的链接标签中引用该网站图标。

希望这会有所帮助！

【讨论】：

是的，该文件已经在服务器上与我的 index.html 相同的文件夹中。它也是一个.ico。有什么想法吗？
据我所知，您不一定要列出网站图标的文件类型。您可以尝试将标签更改为如下所示：。所有主要浏览器都支持此功能，并且很有可能会起作用。
不。不过很好猜，因为我刚刚意识到我们一直在使用 type="image/png" 。这有多难？周围的代码中是否有任何可能干扰的内容？
我认为真正奇怪的是，当您离线测试文件时它运行良好。一个关键的事情是确保文件名在代码中的拼写方式与在文件夹中的拼写方式相同，因为大写字母可能会使代码失效。您能否提供一个指向您遇到此问题的网站的链接？
我刚刚清除了我的图像/文件缓存...没有帮助。真正奇怪的是它在 Firefox 上运行良好，但在 Chrome 或 IE 上运行良好。

【解决方案3】：

我遇到了同样的问题。在检查了我的整个代码几个小时后，我终于找到了问题。我使用了 base 标签，导致图标图标不显示。当我已删除，问题已解决。所以，如果您在您的网站中使用过base标签，我建议您删除。

希望对你有帮助！

【讨论】：