安装程序图标

安装图标

向军大叔每晚八点在 抖音 和 bilibli 直播

生成图标

下面对软件图标进行定义，下面是向军大叔开发的桌面摄像头软件的图标。

基础知识

根据你使用的不同开发脚手架不同，图标文件放置位置也是不同的。下面我们使用 electron-vite 脚手架进行安装图标操作

1. build 目录内定义个512x512的png图片
2. 删除 build目录中的 icon.icns 与 icon.ico 图片

具体步骤：

使用 Photoshop等图像处理软件创建的512x512尺寸的png 图标，并命名为 icon.png，并放在项目根目录的 build 目录中，如下图。

现在根据你的操作系统运行编译命令，具体在 package.json 文件中查看。

pnpm run build:mac

然后就可以在 dist 目录中看到软件图标已经有效了

苹果上架图标

按上面的快速操作已经可以设置安装图标了，如果应用想上架苹果应用商店，需要生成 icns 格式的图标。

苹果系统安装程序使用的 icns 图标，可以使用多种方式创建icns，比如 electron-icns 包生成，或使用 anyconv 、 alltoall 等网站将 png 转为 icns 格式，也可以使用 sips 命令生成icns 图标。

使用sips生成

下面来讲解使用 sips 制作icns 图片，以下命令需要在苹果系统执行。首行创建目录 icons.iconset 目录必须以 .iconset 结尾

mkdir icon.iconset

生成 png 图标，将build 目录中的 png图标生成到 icons.iconset 目录

sips -z 512 512 build/icon.png -o icons.iconset/icon_512x512.png
sips -z 1024 1024 build/icon.png --out icons.iconset/icon_512x512@2x.png

执行以下命令在项目根目录下生成 icns 文件

iconutil -c icns icons.iconset -o icon.icns

然后将 icons.iconset 目录的 icns 图片文件复制到 resources 目录就可以了