欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

把图片转换成ico格式

程序员文章站 2022-06-17 19:59:35
在写html时,需要对html网页的标题栏上添加图标,可是该如何操作呢?本文章会详细介绍如何对html网页的标题栏上添加图标。 ......

产生需求的原因:

今天想要把在网页标题的左侧添加图标,效果图如下:

把图片转换成ico格式
却忘记了如何使用了?

需求目标:

在html网页标题栏上添加图标

具体实操:

1.点击右键——选择打开方式——选择画图工具,效果图如下:

把图片转换成ico格式
2.在画图工具的左上方,点击文件选项——选择另存为,效果图如下:
把图片转换成ico格式
3.选择后缀为.bmp,效果图如下:

把图片转换成ico格式
4.生成.bmp文件,效果图如下:

把图片转换成ico格式
5.选择.bmp文件,点击右键——选择重命名

把图片转换成ico格式
6.将后缀的bmp改成后缀ico,如果有弹框出现,也是照样点确定

把图片转换成ico格式
7.成功改后的生成的效果图

把图片转换成ico格式
8.将生成的ico放进html代码中,代码的语法格式如下:

<link rel="icon" href="图标地址" type="image/x-icon">

把图片转换成ico格式
9.生成前后的效果图如下:

把图片转换成ico格式