【HTML+CSS】网站favicon图标

【HTML+CSS】网站favicon图标 favicon.ico是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹中,是展示网站个性的缩略logo标

【HTML+CSS】网站favicon图标

favicon.ico是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹中,是展示网站个性的缩略logo标志,也可以说是网站头像。目前主要的浏览器都支持favicon.ico图标。

一、制作favicon图标

  1. 把想要制作成网站图标的图片利用PS等工具编辑成PNG格式的图片保存。
  2. 借助第三方在转换网站,将保存的图片转换为ico图标
    推荐网站:比特虫:比特虫-在线制作ico图标

二、将favicon图标放入网站根目录下

目录文件夹:就是普通的文件夹,是存放了我们做某个页面时所需要的所有相关素材的文件夹
根目录:打开目录文件夹的第一层就是根目录
把制作好的favicon图标直接放入我们的根目录下这一步就完成了

三、HTML文件引入favicon图标

在HTML文件的标签中引入如下代码:

<link rel=