当前位置：网站首页>浏览器tab页签上的title图标favicon.icon

浏览器tab页签上的title图标favicon.icon

2022-08-09 13:52:00 【西京刀客】

Favicon是favorites icon的缩写，亦被称为website icon（网页图标）、page icon（页面图标）或urlicon（URL图标）。Favicon是与某个网站或网页相关联的图标。

Favicons是小的16x16图标文件，在浏览器地址栏中在网站的URL旁边显示。此外，它们通常在用户的“打开”选项卡和书签列表列表中显示在您网站的名称旁边，从而使用户更容易在其他网站之间快速识别。

直接在网站的顶级域名外加上“/favicon.ico”即可看到。

Favicon图标上传到网站的主目录或根目录。默认位置为yourwebsite.com/favicon.ico同样浏览器会首先在网页所在目录默认位置寻找favicon.ico文件。

现在网上有在线favicon生成器服务：直接上传你喜欢的图片，直接生成16*16像素的favicon.ico文件，还有在线预览功能。

在线生成favicon网址：https://www.favicon-generator.org/

所有版本的Internet Explorer仍然需要将Favicons保存为ICO文件（Microsoft Icon格式）。该工具提供了一种简便的方法，可以将所有现代Web浏览器支持的任何GIF，PNG或JPEG转换为ICO。它还使您可以通过方便的在线编辑从头开始创建Favicons。

浏览器tab页签上的title图标可以由html页面里的标签指定，如：

<html>
    <head>
        <link rel="icon" href="/my.ico">
    </head>
    <body>
    ...
    <body>
</html

如果在html页面里没有指定这个图标，则浏览器会自动寻找网站根目录的favicon.ioc文件。如果存在则显示，不存在则不显示。

需要注意的是，如果更换或者删除了这个图标，要清空浏览器缓存才能生效。

版权声明
本文为[西京刀客]所创，转载请带上原文链接，感谢
https://docker.blog.csdn.net/article/details/126222116