网站网址头部的小图标怎么设置和生成？

矫情吗；* 2021-09-14 15:04 504阅读 0赞

## 　经常喜欢上网的人会发现，当你打开一个网站后，在浏览器地址栏最前面有一个小图标，这个是可以自己添加的。我们所看到的网站几乎大部分都有这个图标的，像大到BAT，小到个人站长。假如你上线了一个的新网站，想在浏览器打开网站后，能看到自己设计的图标，下面我就以我自己博客为例来说一下怎么添加这个小图标吧，希望对新手或者不懂的同学有所帮助!  　　  ![8259764354][]     　　首先，准备一个ICO格式的文件。这个文件需要自己制作一下，网上有自动转换工具。      ##

## favicon.ico是什么文件？ ##

favicon是Favorites Icon的缩写，favicon.ico是指显示在浏览器收藏夹和地址栏网站网址前面的个性化图标。

## 如何设置和修改favicon.ico图标？ ##

两个步骤：

1，把做好的favicon.ico图标文件上传到网站根目录；

2，把以下代码放到网页Html代码中的<head>部分：

<table style="padding:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; font-family:Verdana,Arial,Helvetica,sans-serif; color:rgb(0,0,0); font-size:12px; background-color:rgb(245,252,255); border-style:dotted; border-color:rgb(204,204,204); table-layout:fixed"> 
 <tbody style="padding:0px; margin:0px"> 
  <tr style="padding:0px; margin:0px"> 
   <td style="padding:0px; margin:0px; font-family:Verdana,Arial,Helvetica,sans-serif; word-wrap:break-word"> &lt;link rel=”icon” href=”/favicon.ico” mce_href=”/favicon.ico” type=”image/x-icon”&gt;<br style="padding:0px; margin:0px"> 
    <div style="padding:0px; margin:0px"></div> &lt;link rel=”shortcut icon” href=”/favicon.ico” mce_href=”/favicon.ico” type=”image/x-icon”&gt;</td> 
  </tr> 
 </tbody> 
</table>

[8259764354]: /images/20210813/565e836420dc4765ab0716632268f4a6.png