Question

我想像我这样在我的ASP网站上添加一个favicon

根据这些主题： Image icon beside the site URL How to put an image on the tab bar next to the title of the page on the browser? 我添加了我自己的link：

<head>
       <link rel="icon" href="/favicon-32x32.png"/>
</head>

但没有显示任何内容？什么是错的？

我刚刚在notepad ++中尝试了我的代码，它运行正常，为什么它在我的ASP.NET网站上无效？！

Answer 1

在一些较旧的浏览器（例如，Internet Explorer 5）中，这就是全部。但是，对于最新版本的Firefox，Internet Explorer和Chrome，您需要在HTML中添加两个指向您的favicon的链接。如果您使用的是母版页，则相同的两个链接将位于母版页的头部。：

<head runat="server">
                <title>My Website</title>
                <link runat="server" rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
                <link runat="server" rel="icon" href="favicon.ico" type="image/ico"/>
</head>

您有两个指向同一个图标的链接的原因是为了确保您的favicon适用于大多数浏览器。某些内容（例如Firefox）可以使用任一链接。 Internet Explorer版本6和7特别挑剔。但是，如果您同时使用这两个链接，则几乎可以在任何浏览器中使用。

Answer 2

您可以使用以下不同的 favicon 类型：

<link rel="icon" type="image/x-icon" href="http://example.com/favicon.ico" />
<link rel="icon" type="image/png" href="http://example.com/favicon.png" />
<link rel="icon" type="image/gif" href="http://example.com/favicon.gif" />

取决于您要用作网站图标的文件。

对于 favicon 的其他格式，您可以参考此site

Answer 3

我唯一能想到的是尝试将type="image/png"添加到link元素。确保图像与您引用的文件位于同一目录中。

<link rel="icon" type="image/png" href="/favicon-32x32.png"/>

Answer 4

创建您自己的16x16图标

<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
<link rel="shortcut icon" type="image/png" href="http://eg.com/favicon.png"/>

Answer 5

理想情况下，您需要带有favicon.ico名称（ico扩展名）的收藏夹图标，并将其放在根文件夹中。

如果不在根文件夹中，则需要明确创建链接标记。例如，

<link rel="shortcut icon" 
   href="//cdn.sstatic.net/stackoverflow/img/favicon.ico?v=4f32ecc8f43d">

仅供参考，您不能简单地将文件扩展名png重命名为ico。相反，您希望以正确的格式转换它。

我通常使用此网站将png转换为ico - http://convertico.com/

如何在我的网站上添加图标？

5 个答案: