favicon 生成
上传一张图,得到 favicon.ico、各尺寸 PNG 和 webmanifest,一次打包下载,解压到站点根目录就能用。
建议用正方形、边缘留白的图标。选择图片,或者直接粘贴截图,也可以把文件拖到这个面板里。
选择图片后自动生成
图标设置
小尺寸是实际大小,可以直接判断缩小之后还看不看得清。细节太多的图在 16 像素下会糊成一团,建议用简单的图形或字母。
使用说明
十六像素的 favicon 是浏览器标签页上显示的那个尺寸,也是最容易糊的尺寸。如果原图细节多,可以选「完整放入」并加一点留白,让小图看起来更干净;如果原图本来就是方形色块,「填满裁切」会更饱满。
favicon.ico 里装的是三张 PNG,这是 ICO 格式允许的写法,现代浏览器都认,只有非常老的系统才要求 BMP。PNG 保留透明通道,所以透明背景在标签页上也能正常显示。
生成、编码和打包全部用浏览器的画布和本地代码完成,图片不会上传到服务器。ZIP 用的是不压缩的存储方式,PNG 本身已经压过一遍,这样打包更快也更可控。