本文关键词：怎么做网站小图标
前两天有个做餐饮的朋友找我，说他的网站看着太土，连个像样的图标都没有。我一看，好家伙，连favicon都没有，浏览器标签页上显示的是个默认的空白页或者乱码。
这确实挺尴尬的。用户搜到你家，打开一堆标签页，根本分不清哪个是哪个。
我就问他，你知道怎么做网站小图标吗？他摇摇头。其实这事儿真没那么复杂，没必要花几百块去买素材，也没必要找程序员写代码。
咱们普通人建站，图的就是个省心、省钱、好看。
先说最简单的办法，用在线生成器。
我现在手头就有几个常用的网站。你只需要把你的logo或者随便一张图传上去，它自动给你生成各种尺寸。
比如16x16，32x32，还有苹果设备用的那种大图标。
我一般喜欢用iconfont或者类似的在线工具。上传一张PNG图片，选个背景色，点几下鼠标，下载下来就行。
这招最省事，适合小白。
但是，如果你想要点个性，或者你的logo比较特殊，在线工具生成的效果可能不够清晰。
这时候就得自己动手了。
我推荐你用Photoshop，或者哪怕是用手机上的美图秀秀也行。
关键是要把背景去掉。
很多新手做图标，背景是白色的，结果放到深色主题的网站里，那个白方块特别刺眼，很难看。
所以，透明背景是必须的。
保存的时候，一定要选PNG格式。JPG格式不支持透明，千万别存错了。
说到这，我得提一嘴，很多人不知道怎么做网站小图标，是因为连文件命名都搞错了。
你生成的图标，最好命名为favicon.ico。
虽然现在很多浏览器也支持png格式的图标，但为了兼容性，最好还是准备一个ico文件。
怎么把png转成ico呢？
还是用在线工具，搜“png转ico”，一堆免费的。
上传你的png，下载ico文件。
搞定。
接下来就是上传到网站。
这一步其实挺关键的。
很多新手把图标做好了，上传到服务器，结果刷新页面，发现图标没变。
这是因为浏览器缓存了旧的图标。
这时候，你得强制刷新，或者换个浏览器试试。
如果还是不行，那就检查你的代码。
在html文件的head标签里，加上这行代码：
注意路径要对。
如果你的图标放在根目录，就写/favicon.ico。
如果放在img文件夹里，就写/img/favicon.ico。
别写错了，不然浏览器找不到文件，还是会显示默认图标。
我上次帮一个客户改，折腾了半天，最后发现是他路径写成了/favicon.png，但他上传的是ico文件。
这种低级错误，真的挺让人头大的。
还有一种情况，就是图标太小，看不清。
16x16的像素，确实很小。
所以设计的时候，线条要粗一点，颜色要对比强烈。
别搞那些细碎的纹理，缩略图里根本看不出来。
简单粗暴最好。
我有个做茶叶的朋友，他的logo是一盏茶。
结果图标缩小后，就剩一个黑点。
后来我让他把茶杯的轮廓加粗，颜色换成深红，瞬间就清晰了。
你看，细节决定成败。
其实，怎么做网站小图标，核心就两点：一是格式要对，二是路径要准。
只要这两点做到了，你的网站看起来就会专业很多。
别小看这个小图标。
它虽然小，但它是你品牌的第一张名片。
用户每次打开你的网站，第一眼看到的就是它。
如果它丑得没法看，用户对你的印象分直接打折。
所以，花半小时自己做一个，绝对值得。
别再去问别人怎么做了，自己动手，丰衣足食。
哪怕做得丑点，也比没有强。
至少，它代表了你的用心。
好了，就说这么多。
如果你还有问题，评论区见。
别客气，互相交流嘛。
建站这条路，本来就是边学边做，没什么大不了的。
加油吧，朋友们。
