很多人建站只关心首页好不好看,忽略了浏览器标签上那个小图标——favicon。客户把你网站加入书签、开标签页的时候,看到的就是这个小图标。用CMS默认的那一个,等于告诉客户「这是个随手搭的站」。
favicon是什么
就是浏览器标签页上网站标题左边那个16x16或者32x32像素的小图。百度搜一下,你看百度的标签上是个蓝色熊掌,淘宝是个橙色T,都是favicon。
怎么做
不用自己画。如果你有Logo,把它裁成正方形,去favicon-generator.org这种在线工具,上传图片,它自动生成各种尺寸的favicon.ico和PNG。下载下来。
没Logo的话,做一个简单的:公司名字第一个字,白底黑字或者品牌色底白字,正方形。简单但专业。
怎么装到网站上
第一步,把favicon.ico上传到网站根目录。一般CMS主题设置里有个「favicon」上传位置,直接在后台传就行,不用手动改代码。
第二步,保存之后强制刷新一下(Ctrl+F5),因为浏览器会缓存旧图标。
第三步,手机端加书签的时候也会显示这个图标。
几个细节
favicon在16像素下非常小,别放复杂的图案和小字。远看就是一坨黑。越简单越好。
做网站别只换首页图标,换完之后用无痕窗口开一下你网站的几个内页,确认图标都正常显示。


