网页标签栏显示网站小图标的办法

 2022-07-30    1102  

经常浏览网站的你一定注意到,在网页标签上都会有个ico小图标。契合主题的个性化网站图标不仅让网站更显逼格,还对网站品牌建设非常重要。

当你打开本站网址http://www.dingguangqun.cn的时候,网站标题栏上就会有一个菜鸟之家的个性ico图标。

那么,如何在标签栏显示网站的个性图标的呢?

首先你必须制作一个ico图标,制作ico图标有两种方法:

一是针对不懂设计的朋友来说,可以使用ico在线生成工具 。

二是针对懂得ico设计的朋友,可以自行利用制图软件自主设计。

把制作好的图标命名为favicon.ico,并将它上传到你的网站根目录下。

然后,在想展现该个性图标的页面代码<head> </head>部分,添加一段描述代码,如下:

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

这样,就可以轻松实现网站的个性地址栏ico图标显示了。愿你的网站,也拥有一个属于自己的个性图标。