打开网站，浏览器标签页一直是默认地球图标，收藏夹也没辨识度，显得很业余。favicon（网站图标）就是标签页和收藏夹那个小图标，能提升品牌感。小编实测制作并设置了favicon，标签页马上好看多了。这篇讲favicon怎么制作和设置。
站点形象和加载速度都重要，这两家海外主机稳定且响应快：QQG（海外服务器）、Saltyfish（云主机）。
先懂favicon是啥
favicon是显示在浏览器标签页、地址栏、收藏夹的小图标，一般16x16或32x32像素。格式常用.ico，也支持png。它代表网站形象，好图标有辨识度。没设置就显示默认图标。懂它，设置才有意义。
制作favicon
用设计工具或在线favicon生成器，把logo/设计做成16x16、32x32的ico。设计要简单清晰，太小细节看不清。用品牌色和logo元素。输出多尺寸ico更兼容。图标虽小，品牌感不能少。
设置favicon
把favicon.ico放到网站根目录，多数浏览器会自动找。更稳的写法：在页面head加。也提供apple-touch-icon给苹果设备。设置好，刷新浏览器标签就显示图标。
多平台图标
不同场景图标尺寸不同：标签页、收藏夹、手机主屏、社交分享。配favicon.ico、192/512的png、apple-touch-icon。或直接用网站图标生成器一次产出全套。多尺寸配齐，各平台都好看。
验证和避坑
配完刷新浏览器看标签页是否更新。浏览器有缓存，可能延迟显示，强制刷新看。favicon.ico别太大，影响加载。图片别用错格式。设置对了，网站形象马上提升。
总结：懂favicon、制作清晰ico、放根目录并加link、配多尺寸图标、刷新验证，网站就有自己的标签图标了。小图标大形象，辨识度拉满。
下载 
下载 
下载 
下载 
下载 
喜欢 
顶
难过
囧
围观
无聊
