首页 / 知识

关于浏览器:使用收藏夹图标的首选方式?

2023-04-11 22:36:00

关于浏览器:使用收藏夹图标的首选方式?

Preferred way to use favicons?

我试图早些时候在网站上添加一个网站图标,并寻求一种比在网站根目录中转储favicon.ico文件更好的方法。

我找到了这个不错的小指南:如何添加Favicon。 但是,首选方法在IE(7)中不起作用,第二种方法是老式方法(我辞职了以使用)。

有没有第三种方法可以在所有最受欢迎的浏览器上使用?


这就是我一直使用的:

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

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


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

1
AddType image/x-icon .ico

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

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


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

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


好吧,该文件位于根目录中,因此它不会显示标记是否起作用或浏览器是否从通常位置(根目录)获得了图标。

编辑:我会尝试一下,看看是否可行。

编辑2:使用这两个标记,即使该文件是IE7的图标,也可以使用任何文件名:我尝试使用.webp文件,并且仅适用于Firefox。


这就是他们在堆栈溢出处的处理方式:

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


图标网站浏览器收藏夹

最新内容

相关内容

热门文章

推荐文章

标签云

猜你喜欢