Question

我目前正致力于this网站

我正在尝试设置图标，但它不适用于谷歌浏览器。我发现了一些与此主题相关的问题，但没有一个问题解决了我的问题。

我曾尝试使用png图像，

<link rel="shortcut icon" href="http://scutops.com/wp-content/uploads/2016/04/cropped-favicon-1.png" type="image/png" >

试图重命名favicon，

但这些都不起作用。

请帮我找到这个。

感谢。

更新：

我也尝试过：

<link rel="shortcut icon" href="http://scutops.com/wp-content/uploads/2016/05/favicon-3.ico" type="image/x-icon" />

仍然无法正常工作

Answer 1

您是否尝试使用在线favicon生成器like this one 将 .png文件转换为.ico文件？如果您将.ico文件上传到该网站的根目录，则大多数浏览器（包括Chrome）都应自动获取该文件。即使没有html头中的引用。

Answer 2

这对我有用......

<link rel="shortcut icon" type="image/x-icon"  href="assets/img/logo.ico">

Answer 3

Favicon not showing up in Google Chrome

1）清除缓存。 http://support.google.com/chrome/bin/answer.py?hl=en&answer=95582并测试另一个浏览器，让我们说safari。你是如何导入图标的？

2）你应该如何添加它：

普通图标：

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

PNG / GIF favicon：

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

<{1>}代码中的

。

1）清除缓存。 http://support.google.com/chrome/bin/answer.py?hl=en&answer=95582并测试另一个浏览器，让我们说safari。你是如何导入图标的？

2）你应该如何添加它：

普通图标：

PNG / GIF favicon：

标签中的

。

3）另一件事可能是 chrome无法显示 favicon，如果是本地（未上传到网络服务器）的问题。只有当文件/图标位于下载目录中时，才允许chrome加载此数据 - 有关此内容的更多信息，请访问：local (file://) website favicon works in Firefox, not in Chrome or Safari- why?

4）尝试将其从<head>重命名为favicon.{whatever}，但我建议您仍然使用普通的图标。这解决了我在IE上的问题。

5）找到另一种解决方案，效果很好！我只是将我的favicon作为Base64编码图像直接添加到标签中，如下所示：

{yourfaviconname}.{whatever}

此处使用此页面：http://www.motobit.com/util/base64-decoder-encoder.asp

6）我真的可以建议你这个页面：http://www.favicon-generator.org/来创建你需要的所有类型的favicon。

Favicon在我的网站上不使用谷歌浏览器

3 个答案: