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

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

什么是favicon?

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

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

如何查看favicon

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

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

在线生成favicon

现在网上有在线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图标如何设置

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

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

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

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

猜你喜欢

转载自blog.csdn.net/inthat/article/details/126222116