Electron 图标生成器:ICO、ICNS 与 PNG
为 Electron 应用准备 Windows ICO、macOS ICNS 和 PNG 资源,并接入打包配置。
开始创作免费编辑与导出,无水印。AI 生成和 AI 编辑使用积分;完整编辑器适合桌面浏览器。
同一原图,调整构图后导出



示例由仓库演示素材通过图标渲染器生成。具体平台的留白、遮罩和输出以所选预设为准。
操作步骤
- 导入设计并选择 Electron。
- 从导出包中提取 PNG、ICO 和 ICNS。
- 配置打包工具,重新构建并检查安装后的应用。
打包图标与窗口图标使用不同设置
Electron 打包工具读取平台图标文件,BrowserWindow 或托盘可能使用独立的运行时图片。Electron 预设提供桌面格式,你仍需在所用打包器中配置路径,并按需将运行时资源复制到应用包。
验证打包后的应用
应检查安装器、快捷方式和 Dock 图标,而不仅是开发窗口。开发项目与打包程序的相对路径可能不同。修改图标后需重新构建安装器,测试时还应考虑系统图标缓存。
当前预设的输出尺寸与文件
以下列表直接读取应用预设。项目配套文件由导出器追加;尺寸选择会影响实际导出内容。容器文件从下载的 ZIP 中提取。
ICO: icon.ico (16, 24, 32, 48, 64, 128, 256 px)
ICNS: icon.icns
查看 9 个图像输出
| 文件 | 尺寸 |
|---|---|
| icon-16.png | 16 × 16 |
| icon-24.png | 24 × 24 |
| icon-32.png | 32 × 32 |
| icon-48.png | 48 × 48 |
| icon-64.png | 64 × 64 |
| icon-128.png | 128 × 128 |
| icon-256.png | 256 × 256 |
| icon-512.png | 512 × 512 |
| icon-1024.png | 1024 × 1024 |
常见问题
需要付费或登录吗?
普通图片编辑与导出可免费使用。AI 请求需要登录并使用积分;云同步等服务依据账户方案提供。
工具会自动修改我的项目吗?
不会。先在编辑器预览并下载资源,然后按项目要求手动接入。请保留现有图标备份并测试构建结果。