Basics
Favicon 与 Logo：区别是什么？
logo 是你完整的品牌标志（往往是一个字标加一个符号），设计成在较大尺寸下观看。favicon 是一个方形小图标，小至 16 像素，显示在浏览器标签页里。你很少直接照搬 logo：文字和精细细节在 favicon 尺寸下会消失，所以一个好的 favicon 通常只是 logo 的那个符号，或一个单独的字母，被简化到能在几百像素的空间里读得清。
为什么你不能直接缩小 logo
一个完整的 logo 往往带着字标和精细细节，它们在较大尺寸下读得清，到 16 像素就化成一团糊。把它塞进一个 favicon 位置，你得到的是一片什么都标识不了的糊涂污渍。
favicon 是一个衍生物，而不是一份复制。取最易辨认的那个元素（符号，或品牌的首字母），把它重建成能在最小尺寸下读得清，再往上放大。从最小处开始设计，而非从最大处。
Favicon 对比 logo 常见问题
我能把 logo 当作 favicon 用吗？
通常只能用它的符号部分。一个带文字的完整 logo 在 favicon 尺寸下变得无法辨认，所以要抽出标志或一个首字母并简化它。
与 logo 相比，什么才算一个好的 favicon？
极致的简单。logo 可以承受细节；favicon 只有几百像素可用，所以它需要一个能在 16 像素下存活的清晰形状或字母。
favicon 应该和 logo 一致吗？
它应当共享品牌（符号、颜色），而不是复现整套组合。在那个尺寸下，识别度比字面上的相同更重要。