文章目录
- 浏览器tab页签上的title图标favicon.icon
- 什么是favicon&＃xff1f;
- 如何查看favicon
- 在线生成favicon
- 浏览器tab页签上的title图标如何设置
浏览器tab页签上的title图标favicon.icon
什么是favicon&＃xff1f;
Favicon是favorites icon的缩写&＃xff0c;亦被称为website icon&＃xff08;网页图标&＃xff09;、page icon&＃xff08;页面图标&＃xff09;或urlicon&＃xff08;URL图标&＃xff09;。Favicon是与某个网站或网页相关联的图标。
Favicons是小的16x16图标文件&＃xff0c;在浏览器地址栏中在网站的URL旁边显示。此外&＃xff0c;它们通常在用户的“打开”选项卡和书签列表列表中显示在您网站的名称旁边&＃xff0c;从而使用户更容易在其他网站之间快速识别。
如何查看favicon
直接在网站的顶级域名外加上“/favicon.ico”即可看到。
Favicon图标上传到网站的主目录或根目录。默认位置为yourwebsite.com/favicon.ico同样浏览器会首先在网页所在目录默认位置寻找favicon.ico文件。
在线生成favicon
现在网上有在线favicon生成器服务&＃xff1a;直接上传你喜欢的图片&＃xff0c;直接生成16*16像素的favicon.ico文件&＃xff0c;还有在线预览功能。
在线生成favicon网址&＃xff1a;https://www.favicon-generator.org/
所有版本的Internet Explorer仍然需要将Favicons保存为ICO文件&＃xff08;Microsoft Icon格式&＃xff09;。该工具提供了一种简便的方法&＃xff0c;可以将所有现代Web浏览器支持的任何GIF&＃xff0c;PNG或JPEG转换为ICO。它还使您可以通过方便的在线编辑从头开始创建Favicons。
浏览器tab页签上的title图标如何设置
浏览器tab页签上的title图标可以由html页面里的标签指定&＃xff0c;如&＃xff1a;
<html><head><link rel&＃61;"icon" href&＃61;"/my.ico"></head><body>...<body>
</html
如果在html页面里没有指定这个图标&＃xff0c;则浏览器会自动寻找网站根目录的favicon.ioc文件。如果存在则显示&＃xff0c;不存在则不显示。
需要注意的是&＃xff0c;如果更换或者删除了这个图标&＃xff0c;要清空浏览器缓存才能生效。
![[译]技术公司十年经验的职场生涯回顾](https://img8.php1.cn/3cdc5/24912/711/b6574f3292f9dc00.png)
京公网安备 11010802041100号