MENU

网站标题栏title添加logo图标

March 12, 2021 • Read: 28 • 听得入迷

主动式

在 < h e a d > 标签内添加以下内容

<!--标题栏-->
<link rel="icon" href="https://cdn.jsdelivr.net/gh/tdrme/tdrme.github.io@master/20210504085638103.png" type="image/x-icon" />
<!--收藏夹-->
<link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/tdrme/tdrme.github.io@master/20210504085638103.png" type="image/x-icon" />

被动式

制作一个 ico 格式的图片,将图片命名为 favicon.ico,像素大小为 16*16,所使用的颜色不得超过 16 色

然后再把 favicon.ico 放到网站的根目录下就行了。这样的话浏览器会不停的搜索您的网站的根目录,只要它一发现了名字叫做 favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。

主动式的图片格式没有要求,只要体积控制好外形设计好就可以,但是被动式一定要把图片命名为 favicon.ico,16×16 色的图片才可以在各种地方正常显示。

效果

若无特别声明,本文版权归听得入迷所有
标题:《网站标题栏title添加logo图标》
链接:https://blog.tdrme.cn/80.html
作品采用 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 》许可协议授权。

Last Modified: May 4, 2021
Archives Tip
QR Code for this page
Tipping QR Code