如何修改网页小图标，浏览器页面上的图标。

最新推荐文章于 2022-03-28 10:49:15 发布

勇敢的小趴菜

最新推荐文章于 2022-03-28 10:49:15 发布

阅读量3.7k

点赞数 2

分类专栏： vue 文章标签：修改网页小图标修改页面上的图标

本文链接：https://blog.csdn.net/YiMiMMMi/article/details/103853287

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.修改浏览器页面上的小图标。

制作名字为favicon.ico的16*16图标放在项目images目录下，（可通过百度“ico在线制作”转换成为ico的格式）

2.在网页首面HTML 的<head>……</head>标签之间插入代码：

<link rel="icon" href="img/ico.ico" type="image/x-icon" />
<link rel="shortcut icon" href="img/ico.ico" type="image/x-icon" />
<link rel="bookmark" href="img/ico.ico" type="image/x-icon" />

rel中的值有两个一个是shortcut icon，一个是icon

shortcut icon，特指浏览器中地址左侧显示的图标，一般放大小为16*16，后缀名为.ico的图标；

icon,可放格式为PNG\GIF\JPEG,尺寸一般为16*16、24*24、36*36。

3.刷新页面，清除缓存即可

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

勇敢的小趴菜

关注关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
如何修改网页小图标，浏览器页面上的图标。

1.修改浏览器页面上的小图标。制作名字为favicon.ico的16*16图标放在项目images目录下，（可通过百度“ico在线制作”转换成为ico的格式）2.在网页首面HTML 的<head>……</head>标签之间插入代码：<link rel="icon" href="img/ico.ico" type="image/x-icon" /&g...
复制链接

扫一扫