favicon.ico设置及修改问题
最近用vue构建前端项目时,需要将网页打开时显示小图标,在网上大概搜了一下,希望对大家有帮助。1.favicon.ico图标的制作favicon.ico图标大小选取:浏览器默认的 favicon.ico 大小是16×16,不过为了显示的更加清楚通常采用32×32如果手上没有ico格式的图片,也可以用一些在线favicon.ico制作工具。将准备好的jpg, png 或者 gif的图标“上传——制作
·
最近用vue构建前端项目时,需要将网页打开时显示小图标,在网上大概搜了一下,希望对大家有帮助。
1.favicon.ico图标的制作
favicon.ico图标大小选取:浏览器默认的 favicon.ico 大小是16×16,不过为了显示的更加清楚通常采用32×32
如果手上没有ico格式的图片,也可以用一些在线favicon.ico制作工具。将准备好的jpg, png 或者 gif的图标“上传——制作——下载”即可。
2.将你制作好的favicon.ico图标放在static目录下。
3.在你最外层的index.html文件的head中间添加,
<
link
rel=
"shortcut icon"
type=
"image/x-icon"
href=
"./static//favicon.ico"
rel=
"external nofollow"
/>
然后修改 link 标签指向 static 目录下的 favicon 图标文件即可。
注意:如果你的图标修改了,清除浏览器缓存在刷新。
更多推荐
已为社区贡献4条内容
所有评论(0)