Favicon生成器(PixPix)

放一张 Logo 进去，导出一整套浏览器和设备要用的图标文件，打包 ZIP：

• favicon.ico —— 传统入口，老浏览器认它
• 16 / 32 / 48 px PNG —— 标签页、书签栏、任务栏
• 180 px —— iOS 的 apple-touch-icon
• 192 / 512 px —— 安卓与 PWA
• site.webmanifest —— 添加到主屏幕时读的清单
• 写好的 link 标签文本 —— 路径属性都填对，复制进 head 就行

真正该盯的是 16px 和 32px 那两张预览。设计稿上清清楚楚的 Logo，缩到 16 像素往往糊成一团色块：细笔画消失、元素粘连、文字彻底不可读——而浏览器标签页里用户看到的就是这个尺寸。

所以源图优先选轮廓清楚、细节少的方形图形。带完整公司名的横版 Logo 一般不能直接拿来做 favicon，通常得取图形部分或者首字母另做一版。大尺寸好看不代表小尺寸认得出，这条是做 favicon 唯一要记住的判断标准。