昨天半夜两点，我盯着屏幕上的一个小白点发呆。
客户非说他的网站没图标，看着像山寨货。
我差点把键盘砸了。
明明favicon.ico都放根目录了，怎么浏览器地址栏还是那个默认的全球地球仪？
这问题太常见了。
很多新手建站，或者找外包做站，最后交付时总忽略这个细节。
其实，网站开发给网站设置图标在什么文件中写代码，答案很简单，但坑不少。
今天不扯那些高大上的理论。
我就说说我怎么帮客户搞定这个“小尾巴”的。
首先，别去改什么复杂的配置文件。
对于大多数WordPress或者静态HTML站点，答案就在index.html或者header.php里。
对，就是那个你打开网站第一眼看到的HTML文件。
你要找的是
标签。在
和之间，插入一行代码。这行代码长这样：
或者现在的标准写法：
注意看，href后面的路径。
很多人写错了，导致图标加载不出来。
如果你的图标放在images文件夹里，那就得写成/images/favicon.ico。
别偷懒，路径一定要对。
还有，别只放一个ico文件。
现在的手机浏览器、iPad、甚至Mac的Safari，都支持PNG格式。
ICO文件有时候在高分屏上会模糊，看着很廉价。
所以，我通常会建议客户准备两个文件。
一个favicon.ico，兼容老古董浏览器。
一个favicon.png，高清，看着显档次。
代码也要写两行。
第一行写ico，第二行写png。
这样不管用户用什么设备访问，都能显示清晰的图标。
这里有个小插曲。
上次有个客户，图标明明上传成功了，但死活不显示。
我查了半天，发现是他用了缓存插件。
浏览器太聪明了，它把你第一次加载的那个错误图标缓存住了。
你改代码没用，它还是读旧的。
这时候，你得清缓存。
或者更粗暴点，改一下文件名。
比如把favicon.ico改成favicon-v2.ico。
然后代码里的href也跟着改。
这样浏览器以为是个新文件，就会重新下载。
这招虽然土，但管用。
还有一种情况，就是路径问题。
如果你的网站是二级域名，或者放在子目录下。
比如www.example.com/blog/。
那你的图标路径就得写绝对路径，或者从根目录开始写。
写成/favicon.ico，而不是favicon.ico。
不然浏览器会在当前目录下找，肯定找不到。
这就是为什么网站开发给网站设置图标在什么文件中写代码，很多人会搞混。
因为路径逻辑没搞对。
总结一下，步骤很简单。
第一步，准备好你的图标文件。
建议用32x32或者64x64的PNG，转成ICO备用。
第二步，打开你的网站根目录下的index.html或者header.php。
第三步，在
标签内，插入标签。第四步，检查href路径是否正确。
第五步，上传文件，并清除浏览器缓存。
第六步，刷新页面，看地址栏有没有变化。
就这么几步。
别觉得这是小事。
一个精致的图标，能让你的网站看起来专业很多。
就像人穿衣服，扣子扣对了，气质就不一样。
我见过太多网站，内容很好，但图标乱码或者不显示。
客户第一印象就差了。
所以，别忽视这些细节。
如果你还在纠结网站开发给网站设置图标在什么文件中写代码。
或者搞不定路径问题。
别自己在那瞎琢磨了。
容易把代码改乱，导致网站打不开。
那时候再找人来修，更麻烦。
直接找个懂行的人问问。
或者把代码发给我，我帮你看看。
哪怕只是问一句，也比你折腾半天强。
毕竟，时间也是成本。
你说是吧？
最后提醒一句，图标文件不要太大。
几KB就够了。
别搞个几MB的图上去，加载慢，还占空间。
好了，就说这么多。
我去喝口水，继续改bug了。
希望这篇干货能帮到你。
如果有其他建站问题，欢迎随时交流。
咱们都是同行，互相帮衬点。
