Electron 图标生成器:ICO、ICNS 与 PNG

为 Electron 应用准备 Windows ICO、macOS ICNS 和 PNG 资源,并接入打包配置。

免费编辑与导出,无水印。AI 生成和 AI 编辑使用积分;完整编辑器适合桌面浏览器。

同一原图,调整构图后导出

用于演示的原始图标
原图
增加渐变背景与留白后的图标
编辑结果
32 像素导出预览
32 × 32 PNG

示例由仓库演示素材通过图标渲染器生成。具体平台的留白、遮罩和输出以所选预设为准。

操作步骤

  1. 导入设计并选择 Electron。
  2. 从导出包中提取 PNG、ICO 和 ICNS。
  3. 配置打包工具,重新构建并检查安装后的应用。

打包图标与窗口图标使用不同设置

Electron 打包工具读取平台图标文件,BrowserWindow 或托盘可能使用独立的运行时图片。Electron 预设提供桌面格式,你仍需在所用打包器中配置路径,并按需将运行时资源复制到应用包。

验证打包后的应用

应检查安装器、快捷方式和 Dock 图标,而不仅是开发窗口。开发项目与打包程序的相对路径可能不同。修改图标后需重新构建安装器,测试时还应考虑系统图标缓存。

当前预设的输出尺寸与文件

以下列表直接读取应用预设。项目配套文件由导出器追加;尺寸选择会影响实际导出内容。容器文件从下载的 ZIP 中提取。

ICO: icon.ico (16, 24, 32, 48, 64, 128, 256 px)

ICNS: icon.icns

查看 9 个图像输出
文件尺寸
icon-16.png16 × 16
icon-24.png24 × 24
icon-32.png32 × 32
icon-48.png48 × 48
icon-64.png64 × 64
icon-128.png128 × 128
icon-256.png256 × 256
icon-512.png512 × 512
icon-1024.png1024 × 1024

常见问题

需要付费或登录吗?

普通图片编辑与导出可免费使用。AI 请求需要登录并使用积分;云同步等服务依据账户方案提供。

工具会自动修改我的项目吗?

不会。先在编辑器预览并下载资源,然后按项目要求手动接入。请保留现有图标备份并测试构建结果。