格式知识 约 5 分钟
网站 favicon 怎么做：从 logo 到 ICO 图标
favicon 好做但容易糊，问题多半出在源图：从一张大 logo 直接缩到 16 像素，细节全挤没了。
ICO 是什么：一个文件装多张图
ICO 是容器格式，一个文件里可以装 16/32/48 等多个尺寸的位图，浏览器按显示场景挑最合适的。它能装 PNG 或 BMP 位图，现代浏览器也直接支持 PNG 格式的 favicon，但 ICO 兼容面最广，老浏览器和部分书签场景只认它。
所以正确做法是：从一张干净的方形源图（最好是 256 像素以上、透明背景 PNG）出发，分别导出需要的尺寸。
为什么 16px 会发虚
16 像素总共 256 个像素点，任何细节都是奢侈。复杂 logo 直接缩小必然糊成一团，这不是工具问题，是信息量不够。
应对办法：favicon 用简化版图形——去文字留图形、留主色块、轮廓加粗。专业站点的 favicon 常是重新设计的极简版，不是 logo 的等比缩小。
尺寸怎么选
浏览器标签页用 16 或 32，桌面快捷方式用 32 或 48。工具支持单尺寸导出，分别生成后按需引用；拿不准就先出 32 做通用兜底。
源图务必透明背景：favicon 会叠在深浅不一的浏览器主题上，白底方块在深色主题下非常突兀。透明背景的准备见 PNG 与 JPG 一文。