5. ico图标

@

目录

• 引入ico图标
• 制作ico图标

---

引入ico图标#

• 首先把favicon.ico 这个图标放到根目录下。

• 再html里面， head 之间 引入 代码。

  <link rel="shortcut icon" href="favicon.ico"  type="image/x-icon"/>     
  

制作ico图标#

图片可以自己做，也可以用别人的，最后得要转换为ico图标，才能放到站点里

方法步骤：

• 首先把我们想要图片的部分（通过切图工具，ps...）切成图片(图片格式可以为png)。

• 要把图片（png）转换为 ico 图标，我们借助于第三方转换网站： 比特虫

  进入网站后上传原始图像，目标尺寸16X、32X、48X较为常见，可直接生成ico图标

注意：

1. 它是显示在浏览器中的网页图标。
2. 它是图标形式，不是一个图片
3. 位置是放到 head 标签中间。
4. 后面的type="image/x-icon" 属性可以省略。
5. 为了兼容性，请将favicon.ico 这个图标放到根目录下。