HTML 网页怎么添加 ico 图标

ico图标就是浏览器标签栏上那个小图标，比如百度的小爪印、淘宝的小淘字，加了之后网站更有辨识度，步骤也不复杂，新手跟着做就行。

首先得准备一个ico格式的图标文件，不能是jpg、png格式，得专门转换成ico。可以用在线转换工具，比如“比特虫ico转换”，上传你喜欢的图片，选择尺寸（一般16x16或32x32像素），转换后下载，把文件名改成“favicon.ico”，这样不容易出错。

然后把这个ico文件上传到你网站的根目录，也就是存放index.html文件的那个文件夹。如果用FTP软件上传，直接拖到根目录就行；如果是用 WordPress程序建站教程 搭建的网站，就上传到网站的根目录文件夹里。

最后在HTML的head标签之间添加一段代码，代码是 `<link rel="icon" href="favicon.ico" type="image/x-icon">`。如果你的ico文件不是在根目录，而是在images文件夹里，href就要写成“images/favicon.ico”，确保路径正确。

添加完之后，刷新网页可能看不到效果，因为浏览器有缓存，清除缓存再刷新，或者关闭浏览器重新打开，就能看到标签栏上的ico图标了。如果还是没显示，检查一下文件名是不是“favicon.ico”，路径有没有写错，一般都是这两个问题。