做站这几年，最烦的就是客户问些基础得不能再基础的问题。

比如那个挂在网站旁边的小图标。

就是浏览器标签页上那个小Logo。

很多新手站长，为了搞这个图标，跑去找设计师，花几百块。

其实真没必要，有点冤大头那意思。

今天我就把话撂这儿，网站旁边的小图标怎么做的，根本不用那么复杂。

先说个真事儿。

上个月有个做本地餐饮的朋友找我。

他说他的网站在手机上打开，标签页上全是乱码，或者一个灰色的默认Globe图标。

客户觉得没档次，像那种野鸡网站。

我一看他的代码，好家伙，连favicon都没引。

这就好比人出门不洗脸，还指望别人夸你帅，那是不可能的。

那到底怎么弄呢？

其实就两步，一步是准备图，一步是加代码。

第一步，准备图片。

你不用去PS里搞那些花里胡哨的特效。

就找个简单的Logo，正方形最好。

尺寸嘛，16x16或者32x32像素就够了。

太大了浏览器也显示不出来，反而加载慢。

格式推荐PNG，背景透明的那种。

如果你实在不会做，去网上找个免费的图标网站，下载个SVG转一下也行。

记住，别用那种带复杂渐变色的图，手机小屏幕上看着糊成一团。

第二步，加代码。

这才是关键。

很多小白站长，把图片上传到服务器了，然后就没下文了。

你得在网页的标签里，加上这么一行代码。

就这么简单。

href后面的路径，得是你图片实际存放的位置。

要是你图片放在根目录，那就直接写文件名。

要是放在img文件夹里，就得带上文件夹名。

这点千万别搞错，不然图标就是显示不出来。

还有一种情况，就是网站旁边的小图标怎么做的，涉及到动态网站。

比如WordPress用户。

你不用改代码，直接去主题设置里找“站点图标”或者“Favicon”选项。

上传上去，保存，刷新缓存。

搞定。

是不是很简单？

但我发现，很多人还是搞不定。

为啥？

因为浏览器缓存太顽固了。

你明明改好了，打开一看，还是那个丑丑的默认图标。

这时候，你得按Ctrl+F5强制刷新。

或者换个浏览器试试。

要是还不行，那就是你代码写错了，或者路径不对。

别急着骂娘，先检查一遍。

再说说那个ICO格式。

以前大家都用ICO，因为兼容性好。

但现在呢，大部分现代浏览器都支持PNG和SVG了。

除非你要照顾那些古董级的IE浏览器，不然真没必要专门去转成ICO。

省事儿。

我有个客户，非要搞个动态GIF当图标。

我说你疯了吧，那玩意儿加载多慢啊。

他不听，结果网站打开速度直接慢了0.5秒。

对于做SEO的来说，这0.5秒可能就意味着排名掉好几名。

为了个图标，牺牲加载速度，值吗？

不值。

所以啊，做网站，细节决定成败。

但这个细节，不是让你去搞那些花哨的特效。

而是让你把基础的东西做扎实。

网站旁边的小图标怎么做的，其实考察的是你对细节的关注度。

一个专业的网站，连标签页上的小图标都是精心设计的。

这给客户的第一印象，很重要。

别小看这几十KB的图片。

它代表的是你的态度。

你要是连个小图标都懒得弄，客户会觉得你连网站都懒得维护。

那你的服务能靠谱吗？

肯定不靠谱。

所以，别再花冤枉钱去找人做了。

自己花十分钟，搞定它。

既省钱，又显得你专业。

这才是正道。

要是你实在搞不定代码，那就去问问你的建站公司。

要是他们连这个都搞不定，那趁早换人。

这种基础问题都解决不了，还谈什么高端定制？

纯属扯淡。

希望这篇能帮到那些还在为小图标发愁的站长们。

少走弯路，多赚点钱。

这才是硬道理。

最后提醒一句，图片一定要压缩。

别搞个几兆的图片上去，那是给自己挖坑。

控制在10KB以内，完美。