首页 > web前端 > css教程 > 为什么我的网站图标没有在 Google Chrome 中显示?

为什么我的网站图标没有在 Google Chrome 中显示?

Susan Sarandon
发布: 2024-12-05 05:26:13
原创
896 人浏览过

Why Isn't My Favicon Showing in Google Chrome?

Google Chrome 中未显示网站图标

问题:

网站图标或网站图标未显示在 Google Chrome 中Google Chrome,尽管在 URL 中手动输入图标路径时会出现

解决方案:

要解决此问题,请考虑以下解决方案:

缓存:

  • 根据 Google 的说明清除浏览器的缓存: http://support.google.com/chrome/bin/answer.py?hl=zh-CN&answer=95582

网站图标用法:

  • 确保使用正确的方法将 favicon 添加到 HTML head 部分语法:

    • 普通图标:

      <link rel="icon" href="favicon.ico" type="image/x-icon" />
      <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
      登录后复制
    • PNG/GIF图标:

      <link rel="icon" type="image/gif" href="favicon.gif" />
      <link rel="icon" type="image/png" href="favicon.png" />
      登录后复制

Chrome 本地问题:

  • Chrome 可能无法显示图标如果它们是在本地访问的(而不是上传到网络服务器)。如果下载目录中存在该图标,Chrome 将允许加载它。欲了解更多信息,请参阅:https://superuser.com/questions/1266255/local-file-website-favicon-works-in-firefox-not-in-chrome-or-safari-why

重命名:

  • 重命名将 favicon 更改为“favicon.{extension}”以外的其他内容有时可以解决问题,例如:“myfavicon.{extension}”

Base64 方法:

  • 或者,您可以直接在 HTML head 部分添加 favicon 作为 Base64 编码图像,如图所示如下:
<link href="data:image/x-icon;base64,AAABAAIAEBAAAAEAIABoBAAAJgAAACAgAAABACAAqBAAAI4EAAAoAAAAEAAAACAAAAABACAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAA////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8AhISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/////wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wCEhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/595z////8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AAAAAAAAAAAALztHAAAAAAAuU2sAU5bCClOWwkNTlsKAU5bCwFOWwvhTlsL/U5bC/1OWwv9TlsL/U5bC/...
**Generate Favicons:**
登录后复制

以上是为什么我的网站图标没有在 Google Chrome 中显示?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板