9

我之前试图向网站添加一个网站图标，并寻找一种更好的方法来实现这一点，而不是favicon.ico在网站的根目录中转储文件。

我找到了这个不错的小指南：如何添加网站图标。但是，首选方法在 IE (7) 中不起作用，第二种方法是老式方法（我辞职使用）。

是否有第三种方法适用于所有最流行的浏览器？

4

6 回答 6

15

这是我一直使用的： 

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

第二个是针对 IE 的。第一个适用于其他浏览器。

于 2008-08-09T05:48:15.433 回答
2

您可以使用 HTML 来指定网站图标，但这仅适用于具有此 HTML 的页面。更好的方法是将以下内容添加到您的 httpd.conf (Apache)：

AddType image/x-icon .ico
于 2008-08-09T23:32:05.193 回答
1

我认为最可靠的方法是简单地将favicon.ico文件添加到您网站的根目录。

除非您想手动覆盖默认的网站图标，否则我认为不需要元标记，但我找不到任何研究来支持我的论点。

于 2008-08-09T08:06:50.147 回答
0

这就是他们在 Stack Overflow 上的做法：

<link rel="shortcut icon" href="/favicon.ico" />
于 2008-08-09T05:44:56.983 回答
0

好吧，该文件位于根目录中，因此它不会显示标记是否有效，或者浏览器是否只是从通常的位置（根目录）获取图标。

编辑：我会试试看它是否有效。

编辑 2：只要文件是 IE7 的图标，使用这两个标签就可以使它适用于任何文件名：我尝试使用.png文件，它只适用于 Firefox。

于 2008-08-09T05:46:52.003 回答
0

这些图标有上百万种不同的使用方式（不同的浏览器、不同的平台、移动站点固定、智能电视等），所以真的不再有一个简单的答案。有关一个很好的解释，请参见这个 SO answer，但简短的回答是：

使用此站点，您可以上传 png/jpg，然后为您完成所有艰苦的工作：https ://realfavicongenerator.net/

于 2019-10-19T04:26:32.723 回答