admin 管理员组

文章数量: 887021

文章目录

  • 浏览器tab页签上的title图标favicon.icon
    • 什么是favicon？
    • 如何查看favicon
    • 在线生成favicon
    • 浏览器tab页签上的title图标如何设置

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

什么是favicon？

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

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

如何查看favicon

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

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

在线生成favicon

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

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

所有版本的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文件。如果存在则显示，不存在则不显示。

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

本文标签： 图标 签上 浏览器 tab title

版权声明：本文标题：浏览器tab页签上的title图标favicon.icon 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1727324794h1101958.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。