Springboot项目 web 添加 favicon.ico图标

目标：springboot项目添加ico图标，效果如下图

一、如何生成 favicon.ico 图标

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

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

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

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

③、将png转化为 ico图标

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

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

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

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

操作： 将 favicon.ico 拷贝到 static目录下即可

看一下效果。

Springboot项目 web 添加 favicon.ico图标相关推荐

SpringBoot项目中增加favicon.ico图标
项目中增加favicon.ico图标前情摘要:用了两年的项目,ico一直用的是默认的图标,最近领导要求换个带有公司logo的ico,项目中正式用的是设计小姐姐发给我的,以下文章中使用的是我自己下载的 ...
VUE更换项目中的favicon.ico图标
VUE2中更换项目中的favicon.ico图标步骤: 方法一: 1.使用比特虫免费在线制作ico图标(网站地址:https://www.bitbug.net/): 2.将新的图标命名为new-fav ...
Django添加favicon.ico图标
Django添加favicon.ico图标第一步:制作ico图标制作 favicon.ico 图标的网址:www.bitbug.net 很简单,不难做完之后,将生成ico图标,命名为:favic ...
Vue脚手架中添加favicon.ico图标失效问题
最近项目中根目录添加favicon.ico,直接在index.html中加入 <link rel="shortcut icon" type="image/x-ico ...
php网站如何添加ico图标,如何添加favicon.ico图标？
在本站首页的活跃博客中经常看到有部分博客网站没有favicon.ico图标,所以今天打算普及一下相关知识,希望还没有favicon.ico图标的博主们,能够制作出自己独特的图标. 那么到底什么是fav ...
给vue项目添加favicon.ico图标
效果如下: 操作步骤: 1.本地环境下的favicon.ico配置: 如上图的截图,如果本地环境不需要可不配置,但是配置完需要重新执行 npm run dev,如果执行此命令报错,说明下图所示的fav ...
web项目修改favicon.ico图标
下午学累了,想试着搞一下前面老师讲的一个小知识,就是在web项目中修改favicon.ico图标.嗯,先看笔记修改图标,方式有两种,全局方式和局部方式全局方式: 进入tomcat服务器\webap ...
html网页logo属性link,html元素link标签rel=icon添加网站favicon.ico图标
html元素中的link标签除了可以引用插入CSS样式表文件之外,还可以通过link标签设置网站的favicon.icon图标. 什么是favicon.icon图标? 网站favicon.ico图标, ...
一个favicon.ico图标引发的重大事故
分享一个案例,作者分析和解决问题的思路流程很值得学习,所以记录mark下. 也许很难让人相信,一个favicon.ico图标会引起重大事故,而我真的就亲身经历了一回.最近上线的一个项目出现了匪夷所思的 ...