Springboot项目 web 添加 favicon.ico图标

时间:2024-04-13 07:26:23

目标:springboot项目添加ico图标,效果如下图

Springboot项目 web 添加 favicon.ico图标


一、如何生成 favicon.ico 图标

这里介绍一下我是如何生成 .ico图标文件的

① 、挑选自己喜爱的矢量图

阿里矢量图标库 https://www.iconfont.cn/

Springboot项目 web 添加 favicon.ico图标

②、选择合适的颜色后下载【PNG格式】

Springboot项目 web 添加 favicon.ico图标

③、将png转化为 ico图标

推荐网站:http://favicon.htmlkit.com/favicon/

选择下载的png图片即可 ,转化之后下载文件即可

Springboot项目 web 添加 favicon.ico图标

二、将图标添加到springboot Web板块

我做的是一个springboot 项目 ,使用的是thymelaf模板引擎

操作 :favicon.ico 拷贝到 static目录下即可
Springboot项目 web 添加 favicon.ico图标

看一下效果 。
Springboot项目 web 添加 favicon.ico图标