使用favicons的首选方式?

时间:2008-08-09 05:41:41

标签: browser compatibility

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

我找到了这个不错的小指南:How to Add a Favicon。但是,首选方法在IE(7)中不起作用,第二种方法是老式的方式(我自己决定使用)。

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

6 个答案:

答案 0 :(得分:15)

这就是我经常使用的:

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

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

答案 1 :(得分:2)

您可以使用HTML指定favicon,但这仅适用于具有此HTML的网页。更好的方法是将以下内容添加到httpd.conf(Apache):

AddType image/x-icon .ico

答案 2 :(得分:1)

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

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

答案 3 :(得分:0)

这就是他们在Stack Overflow上正在做的事情:

<link rel="shortcut icon" href="/favicon.ico" />

答案 4 :(得分:0)

嗯,该文件位于根目录中,因此它不会显示标记是否有效,或者浏览器是否只是从通常位置(根目录)获取了图标。

修改:我会尝试一下,看看它是否有效。

编辑2 :只要该文件是IE7的图标,使用这两个标记即使对于任何文件名都可以使用:我尝试使用 .png 文件,它只适用于Firefox。

答案 5 :(得分:0)

使用这些图标的方式有上百万种(不同的浏览器,不同的平台,移动站点固定,智能电视等),因此实际上不再有一个简单的答案。有关详细说明,请参见this S.O. answer,但简单的答案是:

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