<link rel="shortcut icon" href="/favicon.ico"/>
<link rel="bookmark" href="/favicon.ico"/>
favicon图标制作工具使用说明
一、核心功能(按勾选尺寸独立生成文件)
1. 尺寸联动逻辑:勾选多少种尺寸,就生成对应数量独立PNG图标文件;只勾选16px则仅生成16px单文件,多选则批量生成多个尺寸文件。
2. 打包下载:点击下载按钮自动打包全部选中尺寸图标为ZIP压缩包,每个文件命名 icon-尺寸.png。
3. 实时预览:上传图片后右侧展示原图,确认素材。
4. 流程日志:逐个打印每个尺寸的生成进度,清晰查看生成状态。
5. 双上传方式:点击上传 / 拖拽图片上传。
二、操作示例
示例1:仅勾选16px、32px
1. 取消其余尺寸勾选,只保留16px、32px
2. 上传正方形图片
3. 日志输出:
开始生成16px图标
16px图标生成完成
开始生成32px图标
32px图标生成完成
4. 下载ZIP包内包含两个文件:icon-16.png、icon-32.png
示例2:全选所有尺寸
上传后生成6个独立尺寸文件,打包在一个压缩包内一次性下载
三、各尺寸适用场景
16px:浏览器标签页小图标
32px:Windows任务栏、收藏夹图标
48px:桌面快捷方式基础尺寸
60px:旧版IE桌面快捷图标
120px:平板设备快捷图标
150px:Windows磁贴大图标