为什么favicon没有显示？
favicon是网站的图标，通常显示在浏览器标签页和书签栏中。如果favicon没有显示，可能有以下几个原因：
- 图片路径错误：检查favicon图标的路径是否正确，确保图标文件存在于指定的路径中。可以使用相对路径或绝对路径指定图标的位置。
- 图片格式不支持：favicon图标通常使用ICO、PNG或JPEG格式。确保图标文件使用支持的格式，并且没有损坏。
- 图片尺寸不符合要求：不同的浏览器对于favicon图标的尺寸要求不同，常见的尺寸包括16x16、32x32、48x48等。请根据浏览器的要求提供合适尺寸的图标。
- 缓存问题：浏览器可能会缓存favicon图标，导致更新后的图标无法立即显示。可以尝试清除浏览器缓存或使用无缓存的方式加载网页。
- 代码问题：检查网页代码中是否正确引用了favicon图标。通常在HTML的头部使用<link>标签指定favicon图标的路径和相关信息。
腾讯云提供了一款云存储产品 COS（对象存储），可以用于存储网站的静态资源，包括favicon图标。您可以通过腾讯云COS将favicon图标上传到云端，并获取对应的访问链接。具体操作步骤和产品介绍可以参考腾讯云COS的官方文档：腾讯云COS产品介绍。
相关·内容
这只是一个非常简单的问题。为什么head标签中的link标签不发出服务器请求？
例如：
<link rel="shortcut icon" href="_assets/_images/_favicon/favicon.ico">
<link rel="icon" type="image/png" href="_assets/_images/_favicon/favicon.png">
以上两个没有在chrome dev tools网络选项卡中显示任何请求。为什么会这样呢？
浏览 3提问于2014-07-22得票数 0
2回答
我使用以下代码来显示favicon.ico： <link rel="shortcut icon" type="image/x-icon" href="https://{domain}/res/202009100200/images/favicon/en/favicon.ico"/> 使用此URL，favicon.ico将正确加载。但是Chrome没有显示任何favicon，如果我通过开发控制台检查，我意识到它试图从站点的根目录加载favicon (在那里它显然不存在)。 为什么Chrome试图在站点的根目录中查找favicon，而不
浏览 30提问于2020-09-10得票数 0
2回答
位于站点根目录但不显示
、、、、
我最近把我的投资组合放在网上，我不知道为什么偏袒没有显示。
我创建了一个名为favicon.ico的文件，该文件位于该网站的根部(请参见这里:www.paulinelephew.com/ at ic.ico)。
以下是代码：
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link rel="icon"
浏览 5提问于2013-12-27得票数 0
我有一个子域目录，这个子域的根目录在主域(/public_html/feeds/)中，我
我已经在根目录(/public_html/)和子域根目录(/public_html/feeds/)中放置了favicon。
现在浏览器不会显示子域中的xml文件的favicon，但其他目录中的xml文件会显示favicon。
为什么浏览器没有从子域中为xml选择图标。
未显示favicon的示例url是feeds.domain.com/all/index.xml
示例url，其中显示的图标是www.domain.com/feeds/all/index.xml，(这是直接从域访问时显示图标的子域目录)
如果
浏览 0提问于2013-02-28得票数 0
回答已采纳
为什么favicon.ico没有出现在Mac上的Safari5.1中？它显示在我测试过的所有其他浏览器上，除了上面提到的一个。在Windows上的Safari中，它显示了。
我已经这样宣布了：
<link rel="shortcut icon" href="http://www.mysite.com/favicon.ico" />
浏览 0提问于2011-08-10得票数 2
回答已采纳
favicon.ico 503 .netcore iis。在_Layout.cshtml中只有一个地方引用了favicon和它的图标。在这个文件中，它的类型是图像，但是浏览器中的错误说明收藏夹的类型是text/html。 为什么会发生这种事。我的代码中没有引用浏览器错误中显示的favicon的位置。
浏览 63提问于2019-04-24得票数 0
我知道这似乎是个简单的问题，但我尝试过很多事情，但似乎没有什么效果.
我有<link rel="shortcut icon" href="assets/images/favicon.jpg">是我的<head>标签，但是这个图标没有显示。
图像的路径是\public\assets\images\favicon.jpg。
任何地方都不会显示任何错误。
知道为什么会发生这种事吗?我该怎么解决呢？
浏览 1提问于2015-11-24得票数 1
回答已采纳
我不能让我的宠儿出现。它名为favicon.ico，位于公共目录(文件夹)中。我的开发日志显示了这个图标没有问题。我将链接放在应用程序布局中：
<!DOCTYPE html>
<html>
<head>
<%= csrf_meta_tag %>
<%= favicon_link_tag "/favicon.ico" %>
<%= stylesheet_link_tag "application" %>
<%= ja
浏览 2提问于2012-04-29得票数 11
回答已采纳
在上的前一篇文章中，我问过如何使用不存在的图标的通用选项来显示图标。
<img src="example.com/favicon.ico"; alt=""/>
这段代码是发布的：
var img = document.getElementsByTagName('img')[0],
favicon = new Image;
favicon.src = 'http://example.com/favicon.ico'
favicon.onerror = function()
{
img.src = &
浏览 1提问于2011-08-14得票数 1
回答已采纳
1回答
我正在尝试修改Xampp的favicon，但这是不可能的。
首先，我更改了xampp默认的收藏图标htdocs/favicon.ico，它仍然显示橙色的"X“。
然后我想这可能是我的symfony项目的配置。所以我去了myProyect/web，用我的改写了symfony favicon.ico。我必须澄清的是，在我制作这个之前，它没有显示"SF“的黑色图标。
并尝试将fav图标行添加到"base.html.twig“和"layout.html.twig"：
<link rel="shortcut icon" href="{
浏览 0提问于2014-02-15得票数 0
1回答
<link rel="icon"
href="../../Content/favicon.ico" />
这将在除IE (包括9个浏览器)之外的所有浏览器中显示我们最喜欢的图标。为什么没有显示出来？
浏览 0提问于2011-07-02得票数 2
回答已采纳
我在我的html文档中使用了一个多嵌入的favicon.ico文件，它可以在除Safari之外的任何地方运行。我已尝试清除缓存，但似乎没有任何工作。
<link rel="shortcut icon" href="favicon.ico">
测试用例：
收藏图标：
响应头部: Content-Type:image/x-icon
有人知道为什么这不会显示Safari的图标吗？
浏览 3提问于2013-05-07得票数 0
1回答
我参考了React Native官方教程中的ScrollView。
图像代码就像<Image source={require('./img/favicon.png')} />一样
当我尝试构建它时，它显示出
开发服务器返回响应错误代码: 500 URL： Body：
{"from":"F:\\ReactNativeProject\\FirstProject\\index.android.js","to":"./img/favicon.png","message":"Unable
浏览 1提问于2017-04-08得票数 0
-public/
--dist/
----external/
------external-resource.js
----main.js
----main.css
----favicon.ico
我有这个目录结构，在我的.gitignore中有以下条目：
public/dist/
!public/dist/favicon.ico
!public/dist/external/
我希望git会忽略整个public/dist/目录，但会将favicon.ico和整个外部/目录白名单。
我使用WebStorm，它将灰色的项目着色。它突出显示了favicon.ico和外部/目录，使它们看起来像是被排除
浏览 4提问于2016-12-09得票数 1
回答已采纳
1回答
我不能上传favicon。在标题区域，它显示的是代码，而不是favicon。 <head>
<title>
<link rel="icon" href="g.png" sizes="16x16" type="image/png">
</title>
</head> 那么为什么它不给我显示图标呢？而favicons的名字显然是g.png。
浏览 15提问于2019-03-18得票数 0
我现在正试图弄清楚为什么我最喜欢的图标没有出现。它在我的本地主机上运行良好，但当我将它上传到Netlify时，它没有显示出来。 My favicon My website 我正在使用React，然后将其部署到Netlify服务器。不确定是不是跟这事有关。下面是我放在公共文件夹中的index.html文件中的内容。 <link rel=”icon” href=”%PUBLIC_URL%/favicon.ico”> 正如我已经提到的，它确实可以工作，并显示在我的localhost:3000上。你知道我可能做错了什么吗？
浏览 32提问于2019-07-02得票数 2
我的asp.net-mvc页面中有这一行。
<link rel="icon" type="image/x-icon" href="/content/images/icons/favicon.ico" />
favicon在火狐中显示得很好，但在IE8中根本不显示。
对于为什么这在IE8中不起作用，有什么建议吗？
另外，在RegisterRoutes下，我有以下代码：
routes.IgnoreRoute("favicon.ico");
我已经尝试了所有的，但它似乎仍然不适用于IE8
浏览 2提问于2011-04-11得票数 1
回答已采纳
我在Linux中将apache设置为LAMP服务器
在根目录/www/目录中，我有一个favicon.ico，但它从未在浏览器(Chromium、Firefox)中显示，并且在apache error.log中我得到以下错误：
[Mon Jul 08 17:32:30 2013] [error] [client 127.0.0.1] File does not exist: /var/www/favicon.ico
我并不是特别担心文件没有出现，但它就在那里，我还不能弄清楚为什么它会给我这个错误。
浏览 2提问于2013-07-10得票数 3
回答已采纳
同事们，请帮帮忙。我不明白为什么favicon检查器显示我的favicon没有为android、windows8和windows10配置。
我添加了文件和下面的header.php到我的网站：
<link rel="apple-touch-icon" sizes="180x180" href="https://notariuszwroclaw.org/wp-content/uploads/2020/04/apple-touch-icon.png"> <link rel="icon" type="image
浏览 1提问于2020-05-01得票数 0
我的网址在网站主页上有个小问题，网址里有一个favicon.ico
http://example.com/favicon.ico
为什么会有favicon.ico？如何将此从url中删除？
更新
我在公用文件夹中没有任何favicon.ico。我在另一个文件夹中有另一个favicon.png
浏览 0提问于2018-09-13得票数 1
我在网页上设置了多个图标配置，但chrome没有在选项卡上显示16x16文件，而是显示在16x16中的32x32。为什么？它是一种方式，迫使它显示16x16之一? 32x32显示在16x16是模糊的。
这是我的代码：
<link rel="shortcut icon" href="/relativepath/favicon.ico" type="image/x-icon">
<link rel="icon" sizes="16x16" href=
浏览 0提问于2018-08-06得票数 1
在IE浏览器中，在使用基本身份验证的环境中不会显示图标和图标字体。这是一个使用基本身份验证的测试环境，在没有身份验证和其他浏览器的生产环境中是没有问题的。此外，在身份验证之后，如果直接从URL访问每个页面，则不显示该图标，但如果通过单击链接显示该页面，则显示该图标。(Favicon在任何情况下都不会显示) 关于favicon，尝试了下面的代码。 <link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon"
浏览 25提问于2019-04-23得票数 0
回答已采纳
我在“展示页面”中遇到了关于favicon.ico的问题。
我试图搜索和应用这些解决方案，但仍然失败。以下是我发现的一些结果，但我没有成功。
- [Ruby on Rails Error. Processing Controller method as png](https://stackoverflow.com/questions/23602376/ruby-on-rails-error-processing-contoller-method-as-png)
这是production.log中的问题显示
这是我的日志：
Started GET "/vi
浏览 11提问于2015-07-12得票数 1
4回答
我使用的是蛋糕1.3，我曾试图实现favicon..But一些奇怪的错误发生，有时它会显示图标，但有时它没有显示it.Pronlem是cakephp img文件夹路径是changing>How，我可以摆脱这个问题。
我在我的default.ctp中使用了以下代码
<?php echo $this->Html->meta('favicon.ico','../../app/webroot/img/favicon.ico',array('type' => 'icon'));?>
显示以下url的Fa
浏览 1提问于2012-01-16得票数 0
回答已采纳
1回答
Favicon在包括FireFox在内的所有浏览器中都可以正常加载。我只在那些以#结尾的页面上遇到了问题。如果我在FF中点击网址"“，则Favicon加载正常，但当我使用类似"”的链接从菜单转到任何其他页面时，Favicon不会显示在Tab或URLbar中。
只有当URL以#符号结尾时，才会出现这个问题。
你知道为什么会发生这种情况吗？
浏览 3提问于2012-02-04得票数 0
2回答
我在我的母版页中有一个favicon的图标(假设我定义了~/resources/company.ico )。现在如果这个company.ico不存在，浏览器(经测试的ie和mozilla)将尝试查找默认的收藏图标名称，即~/favicon.ico。如果最后一个不存在，它将直接转到用户屏幕。
对于ex来说，这是非常不同的。我放了一个不存在的css文件的链接，在那里浏览器将对用户隐藏这个404，并显示没有此资源的页面。
为什么这两种情况的表现如此不同？这种情况只可能发生在favicon.ico中吗?或者它会发生在其他“特定”类型的资源中吗？
浏览 4提问于2012-11-21得票数 0
回答已采纳
我知道有一个解决方案来阻止mvc框架处理"favicon.ico“请求()，但我不知道它为什么要首先寻找这个图标。
我使用Files >完整的favicon.ico解决方案进行搜索，结果一无所获。
我在网站的html源代码中搜索favicon.ico，但没有发现任何东西。
它在哪里?为什么浏览器要为它服务？
浏览 2提问于2013-10-29得票数 13
回答已采纳
1回答
我们在Symfony2上遇到了一个关于favicon的问题，在IE9上没有显示。下面是我们使用的代码：
<!-- Favicon-->
<link rel="apple-touch-icon" href="{{ asset('images/favicon.png') }}">
<link rel="icon" href="{{ asset('images/favicon.png') }}">
<!--[if IE]><
浏览 0提问于2013-02-06得票数 0
我不明白为什么有些网站(LinkedIn，Youtube，Houzz，...)有他们最喜欢的图标显示在谷歌收件箱。太棒了！为什么我的没有显示出来？首先，我想我必须在我的公共根文件夹中放置一个favicon.ico ...但我发现我已经做到了。
那么，是什么让我可以在Gmail / Inbox (或其他应用程序)中显示我的收藏图标，而不是彩色圆圈字母？
谢谢大家！
浏览 4提问于2016-06-11得票数 3
我的前端设计器给html的地方图标显示代码如下。
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/favicon.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/favicon.png">
<link rel="apple-touch-icon-precomposed" s
浏览 2提问于2014-06-22得票数 2
1回答
我已经在互联网上找遍了，我仍然不知道为什么safari上不会显示这个图标，它在chrome和FF上显示ok，我已经在标题中尝试过了：
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
或者这个
<link rel="shortcut icon" href="favicon.ico?23189123" type="image/x-icon"/>
将favicon更改为32位，或者从safari库
浏览 4提问于2014-07-28得票数 12
我实现了一个不断调用datastore_v3.Put的Java应用程序。每次在数据库中记录任何记录(代码中的两个位置)时，我都会记录日志，而我没有日志。然而，从RPC统计数据中我得到了
RPC Stats
RPC Count Cost Cost %
memcache.Get 59409 0 0.0%
**datastore_v3.Put** 19 0 0.0%
/favicon.ico 9 0 0.0%
/ 7 0 0.0%
POST /addkvartal 3 0 0.0%
memcache.Set
浏览 1提问于2016-02-03得票数 0
我的application.html上有以下内容。haml档案..。
= favicon_link_tag 'favicon.ico', :rel => 'shortcut icon'
因此，这个.ico显示在我的web应用程序的默认页面(0.0.0.3000)的Google选项卡上，而不是在一个子页面中(0.0.0000/calapp)。
这真的很奇怪，因为当我使用工具时，我会在head标记下看到下面的HTML行。
<link href="/assets/favicon.ico" rel="shortcut icon
浏览 2提问于2013-11-06得票数 1
回答已采纳
Rails代码(HAML)：
= favicon_link_tag 'favicon.ico'
favicon.ico位于
app/assets/images/favicon.ico
它在本地和远程(在生产中)都可以在Firefox中工作，但对于本地和远程Chrome都不显示图像
在任一浏览器中查看生产源将显示：
<readyhead>
...
<link href="/assets/favicon-2d05a112081aa8cc9c3caa576862077d.ico" rel="shortcut icon" type=&
浏览 1提问于2014-06-14得票数 0
我真的很困惑为什么我最喜欢的图标在IE9和Chrome上都没有显示出来。不过，它在Firefox中是可以显示的。我以前用过favicons，从来没有遇到过这样的麻烦，而且我的代码非常简单：
<!DOCTYPE HTML>
<html>
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
</body>
</html>
我
浏览 0提问于2011-09-13得票数 3
我刚开始使用favicons，在理解格式方面遇到了困难。举两个例子:我从google.com中拉出图标，注意到它的形状是16x16x4。为什么不是16x16x3？ 对于whatsapp.com，它是194x194，当我尝试显示图像时，它看起来已经损坏，与jupyter notebook用于显示图像的内置工具不同 from PIL import Image
import requests
import numpy as np
import matplotlib.pyplot as plt
from IPython.display import Image as show_Image
de
浏览 21提问于2019-09-28得票数 0
回答已采纳
我正在使用一个angular 6项目。在Index.html中，为根文件夹中存储的图标和图像添加了一个链接。
rel="shortcut icon" type="image/x-icon" href="favicon.ico"
它在其他浏览器中显示，但在IE浏览器中看不到图标。尝试添加
rel="shortcut icon" type="image/x-icon" href="/favicon.ico"
但却看不见。然后尝试
rel="shortcut icon" type="
浏览 0提问于2019-12-31得票数 2
1回答
我正在用我的Django项目设置一个Nginx配置。为了提供一些不显示/static/的静态文件，我在Nginx配置中添加了一些重写规则。 以下是我的Nginx配置的一部分： location /static/ {
location ~* \.(png|jpg|jpeg|gif|css|js)$ {
access_log off;
expires 30d;
}
alias /path/to/myproject/static/;
}
location ~ ^/favicon
浏览 13提问于2019-05-04得票数 0
我使用GAE成功地将Hello world部署到了。当我将它链接到个人域名时，它显示了一个“error404”。
我将我的个人域名链接到appspotdomain: imgur.com/t8jKJ
错误404 : imgur.com/iwcEC
为什么我的个人域名显示404错误，而appspot域名显示代码成功？
App.Yaml
application: rajinination
version: 1
runtime: python27
api_version: 1
threadsafe: yes
handlers:
- url: /favicon.ico
static_files: fav
浏览 1提问于2012-10-13得票数 1
回答已采纳
我将文件放在了资源图像目录中。文件路径肯定是正确的。favicon是由favicon软件生成的。文件也应该是正确的。我的gitbook服务器也显示安装插件收藏夹成功。当我访问网站后，我意识到我的favicon并没有改变为favicon.ico“。它仍然是旧的gitbook favicon。我清除了缓存，甚至使用了不同的浏览器。没有任何改变。
一切看起来都是正确的，但就是不能工作。
{
"plugins": ["favicon"]
}
"pluginsConfig": {
"favicon":{
浏览 3提问于2018-06-01得票数 0
2回答
以下代码用于显示偏袒图标：
<head>
<title><link rel="icon" href="/favicon.ico" type="image/x-icon" /></title>
</head>
我的图片的路径是：wamp/www/widget_corp/favicon.ico。
页面的网址是：localhost/widget_corp/pat_apt.php。
问题是:我不能显示偏袒。有人能告诉我为什么吗？另外，建议我如何显示所有页面的偏好。我浏览了一些论坛，他们建
浏览 2提问于2013-11-13得票数 1
回答已采纳
我在SO和博客上看到了很多问题，如何配置MVC使其不将请求调用路由到favicon.ico文件，但似乎没有人为我工作。我最近读到的博客是Phil Haack ，但我仍然看到对favicon.ico文件的调用导致了404错误状态代码。
我知道有很多变通方法，但我想知道为什么它不能与该delcaration一起工作：
routes.IgnoreRoute("{*favicon}", new { favicon = @"(.*/)?favicon.ico(/.*)?" });
这是在路由注册的开始处。
我正在使用MVC3、Chrome和IISExpress
我错过了什
浏览 0提问于2011-05-09得票数 2
回答已采纳
1回答
我经常收到内部链接断开的错误消息电子邮件，抱怨找不到favicon.ico。我在我的基本模板中有专门的favicon，它位于我的静态文件夹中。主模板显示favicon，没有错误消息。然而，我不知道如何指定管理模板的favicon。
浏览 3提问于2016-03-14得票数 2
3回答
我的网站favicon.ico在使用SSL链接时没有显示。似乎对非SSL很有效。
但问题是，我还有另外两个页面在SSL上被浏览，显示了正确的偏好。
这是favicon.ico链接(工作正常)。
这是到页面的链接。
下面是使用的代码：
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/favicon.ico" type="image/x-icon"
浏览 0提问于2018-04-29得票数 2
回答已采纳
我使用v3.0.9和jQuery 1.6。我试图从一些网站检索和显示最喜欢的图片。
例如，为了对单个网站执行此操作，我使用了以下代码：
$jQ.ajax({
type: 'GET',
url: 'http://www.facebook.com/favicon.ico',
data: '',
error: function(jqXHR, textStatus, errorThrown) {
$jQ('#facebook_favicon').replaceWith('ERROR&
浏览 6提问于2011-08-27得票数 1
回答已采纳
2回答
我有一个网站，我刚刚上传到互联网上。当我在Ubuntu上使用Firefox3.0.1浏览该站点时，我没有看到它的图标；WinXP上的Firefox3.0.1确实会显示它。
为什么不是在Ubuntu下显示的图标？它是根目录中的favicon.ico文件，而不是元标记中的引用文件；它作为GIF是否更好呢？
浏览 3提问于2008-08-09得票数 1
回答已采纳
我安装偏袒使用"npm安装服务-图标“。随后的需求语句都显示了如下所示
var favicon = require('serve-favicon');
app.use(favicon(__dirname + '/public/images/favicon.ico'));
...but favicon.ico文件没有作为npm安装的一部分安装。这是怎么回事？favicon.ico只是我应该创建的一个虚拟文本文件吗？或者它是否应该与其他所有东西一起自动安装？
谢谢你的帮忙!
浏览 1提问于2014-11-01得票数 0
回答已采纳
我有几个favicon图像无法使用图像uri显示，一些正在工作。这里有一些我不能在设备上显示的收藏图标，，
有人知道为什么吗？谢谢
浏览 0提问于2017-06-18得票数 0
1回答
我在应用程序/资产/图像中有一个16x16 favicon.ico。当我跑的时候
rake资产:清洁
然后
rake资产:预编译
我可以看到两个指纹文件：favicon.ico和favicon.ico.gz，它们都是在public/assets中生成的，因为我使用的是资产管道。
我的application.html.haml包含这一行，在%head部分：
= favicon_link_tag
但是，在终端中没有出现对favicon.ico的GET请求
rails服务器
正在奔跑。另外，当我输入'Ctrl U‘来查看页面源时，我的页面上没有显示出html。
我试图
浏览 8提问于2017-03-22得票数 0
我在目录中有一个收藏夹图标favicon.png - img/ favicon /favicon.png
<link rel="icon" type="image/png" href="img/favicon/favicon.png" />
<link rel="shortcut icon" type="image/x-icon" href="img/favicon/favicon.png" />
在chrome，火狐等浏览器中它可以正确显示，在IE9中它不能显示，它的图标
浏览 4提问于2012-02-16得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
