ICNS = Apple Icon Image。macOS 原生图标容器格式，后缀 .icns。

主要特点

1. 它是「容器」。不是单张图片一个 .icns 文件内部打包多张不同分辨率图标，同时包含普通屏与 Retina 高倍图。macOS 在 Dock、访达、窗口标题、文件列表会自动选用最合适尺寸避免缩放模糊。
2. 用途

• macOS App 程序图标
• 自定义文件夹、磁盘图标

痛点提示：

• 手动生成多尺寸图片很麻烦：传统做法需要自己裁切并命名，每个尺寸都要单独保存。
• .icns 与 .ico 的双重需求：打包 Mac 客户端时必须提供 .icns。而 Windows 则需要 .ico，很多人对两种格式混淆不清。
• Troubleshooting：一旦尺寸不匹配。Dock 或 Finder 中的图标会失真或显示错误，这让开发者头疼不已。按理说，

生成方式

macOS 原生终端

先准备一张 1024 × 1024 像素的 PNG——这是所有尺寸的基础。随后使用终端批量生成所需大小并打包成 icns 文件。

# 创建图标集文件夹
mkdir -p icon.iconset
# 批量生成全部标准尺寸
sips -z icon_1024.png --out icon.iconset/icon_16x16.png
sips -z icon_1024.png --out icon.iconset/
sips -z icon_1024.png --out icon.iconset/icon_32x32.png
sips -z icon_1024.png --out icon.iconset/
sips -z icon_1024.png --out icon.iconset/icon_128x128.png
sips -z icon_1024.png --out icon.iconset/
sips -z icon_1024.png --out icon.iconset/icon_256x256.png
sips -z icon_1024.png --out icon.iconset/
sips -z icon_1024.png --out icon.iconset/icon_512x512.png
sips -z icon_1024.png --out icon.iconset/
# 打包成 icns
iconutil -c icns icon.iconset
# 清理临时文件夹
rm -rf icon.iconset

Windows – icon-gen

跨网站方法。纯 Node.js，可一次性生成 icns 与 ico 两种格式。

# 全局安装
npm i -g icon-gen
# 使用：准备好一样的 1024×1024 PNG 并执行以下命令
icon-gen -i icon_1024.png -o ./icons --icns --ico

注意： electron-icon-maker 已经停止维护，请勿再使用；如果你在寻找替代品，可以考虑上面提到的  或其他第三方库。

使用 electron-builder 打包时自动生成 icns/ico

如果你已经在用 electron-builder，那就不必再手动创建任何图标文件！ 只需把原始 PNG 指定到配置里即可。

{
"build": {
"mac"这方面，{
"icon"的观点是，"./build/icon_1024.png"
},"win": {
从"icon"来看。"./build/icon_1024.png"
}
}
}

在打包过程中 electron-builder 会自动把上述 PNG 转化为正确尺寸，并输出符合 macOS 与 Windows 要求的 .icns & .ico  文件。这样既省去了手动操作，又保证了兼容性与质量。

- 准备一张高质量的 1K × 1K PNG 是关键。- 使用官方工具或跨网站脚本能一次性完成所有尺寸。- 若已有 Electron 项目，只需简单配置即可让建立工具帮你搞定两种网站的图标。其实，

祝你较快完成 Mac 图标制作。让你的应用在 Dock 和 Finder 中闪耀！