2023年11月30日发(作者：)

浏览器-⽹页标题的图标

为⽹页标题添加图标

⼀、图标格式

⼀般⽹页标题前的⼩图标是 ico 格式，但其实png，jpg的格式都可以，⽽且浏览器会⾃动帮你把图⽚尺⼨缩放到16 *16。不过.ico格式体

积要⼩很多，另外注意透明度的问题，jpg和bmp格式的图⽚会失去透明度，所以还是建议转⼀下。

ico 类型的图标所有桌⾯浏览器都⽀持，包括旧版本的IE浏览器。但它的必须是正⽅形，桌⾯浏览器以及苹果iOS是不⽀持⾮正⽅形的图标

的。

⼀般推荐使⽤ 16*16 ⼤⼩并且不超过16⾊的 ico⽂件，这是为了保证兼容性，在哪个地⽅都可以显⽰。

这个图标的命名要求必须为。把这个图标放到⽹站的根⽬录下就可以了，页⾯加载时浏览器会⾃动检索这个图标然后把它加到

标题上。

⼆、转化 ico ⽂件

1. 将需要的图标存为png格式，背景为透明

⽹站标题左侧显⽰

收藏夹显⽰

<head>

<meta charset="utf-8" />

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

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

head>

参考链接：