favicon 生成

上传一张图,得到 favicon.ico、各尺寸 PNG 和 webmanifest,一次打包下载,解压到站点根目录就能用。

建议用正方形、边缘留白的图标。选择图片,或者直接粘贴截图,也可以把文件拖到这个面板里。

选择图片后自动生成

使用说明

十六像素的 favicon 是浏览器标签页上显示的那个尺寸,也是最容易糊的尺寸。如果原图细节多,可以选「完整放入」并加一点留白,让小图看起来更干净;如果原图本来就是方形色块,「填满裁切」会更饱满。

favicon.ico 里装的是三张 PNG,这是 ICO 格式允许的写法,现代浏览器都认,只有非常老的系统才要求 BMP。PNG 保留透明通道,所以透明背景在标签页上也能正常显示。

生成、编码和打包全部用浏览器的画布和本地代码完成,图片不会上传到服务器。ZIP 用的是不压缩的存储方式,PNG 本身已经压过一遍,这样打包更快也更可控。