5. 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图标
注意:
- 它是显示在浏览器中的网页图标。
- 它是图标形式,不是一个图片
- 位置是放到 head 标签中间。
- 后面的type="image/x-icon" 属性可以省略。
- 为了兼容性,请将favicon.ico 这个图标放到根目录下。