怎么在网页标题(title)上显示ico图标?

时间:2024-04-11 20:20:34

我们在浏览别人的网页的时候会发现很多网站在浏览器上显示的时候,在浏览器标签处会显示一个特殊的图标和标题,当网页被收藏到书签的时候也会出现网页的图标,给人的感觉更为个性,也更加舒适。那么怎么在自己的网站标题(title)上显示ico图标呢?

怎么在网页标题(title)上显示ico图标?

方法一、自己制作一个格式为ico的图片,更改其像素为:16*16,更改其名称为favicon.ico,然后讲favicon.ico放到网站的更目录即可。

当浏览器搜索我们网站根目录的时候便会发现favicon.ico这个图片,便会自然地将该图标显示在访问者的地址栏和收藏夹中。

方法二、在网页的head标签中加入如下代码(更推荐用此方法):

标题栏:

<link rel="icon" href="ico地址" type="image/x-icon">

收藏夹:

<link rel="shortcut icon" href="ico地址" type="image/x-icon">

例如要加入qq的icon

<link rel="icon" href="https://im.qq.com/favicon.ico">

需要注意的是:图标要用 16*16 色;另外,如果将 16*16 的 bmp 文件改为 ico ,在WINDOWS 支持,但放在浏览器或别的软件就会出错 。