icon图标在线制作方法 icon图标制作教程

打包 Mac App 时需要用到 .icns 图标，本文记录制作该文件的过程。

以前制作 Windows 系统 App 用到的 .ico 图标文件，是通过 easyicon-convert 转换 png 文件得到。因此第一想到的也是此网站制作，一顿操作后，把获得的 .icns 文件放到项目中打包，发现得到的应用显示系统默认的图标，打包失败。

生成步骤

首先将需要生成图片找到一个目录放进去(这里演示nat.png)，然后在图片的同级目录创建一个文件夹，命名为：icons.iconset

然后打开终端，我们定位到nat.png所在的目录，也就是icons.iconset所在的目录，输入以下代码：

sips -z 16 16 nat.png --out icons.iconset/icon_16x16.png
sips -z 32 32 nat.png --out icons.iconset/icon_16x16@2x.png
sips -z 32 32 nat.png --out icons.iconset/icon_32x32.png
sips -z 64 64 nat.png --out icons.iconset/icon_32x32@2x.png
sips -z 128 128 nat.png --out icons.iconset/icon_128x128.png
sips -z 256 256 nat.png --out icons.iconset/icon_128x128@2x.png
sips -z 256 256 nat.png --out icons.iconset/icon_256x256.png
sips -z 512 512 nat.png --out icons.iconset/icon_256x256@2x.png
sips -z 512 512 nat.png --out icons.iconset/icon_512x512.png
sips -z 1024 1024 nat.png --out icons.iconset/icon_512x512@2x.png

执行完成后，我们打开目录，会看到icons.iconset目录下有10张大小不一的图片。

接下来我们继续执行生成icns图标，还是在nat.png的终端目录，执行以下代码

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

执行完成后，我们会看到和nat.png同一目录多出一张图片，就是Icon.icns图标。

如下图所示