macOS 桌面应用 图标制作教程

1. 什么是MacOS 应用图标

Apple 在 macOS 操作系统的 App 图标文件的扩展名为 .icns，你在 macOS 的「 Desktop 桌面」、「Finder 访达」、「Dock 程序坞」等看到应用程序的外观就是由一个内置在此 App 内部的扩展名为.icns的文件实现的。

2.如何制作一个MacOS应用图标？

1. 一个.icns 应用图标需要准备以下 10 种不同大小的.png图片文件
   ● 512x512 pt (512x512 px @1x, 1024x1024 px @2x)
   ● 256x256 pt (256x256 px @1x, 512x512 px @2x)
   ● 128x128 pt (128x128 px @1x, 256x256 px @2x)
   ● 32x32 pt (32x32 px @1x, 64x64 px @2x)
   ● 16x16 pt (16x16 px @1x, 32x32 px @2x)

2. 因此我们需要准备一张高清的png图片，要求图片尺寸为1024 X 1024，以生成上述不同尺寸的png图片
   1024x1024 示例图片 下载

3. 创建一个文件夹名为 IconBuilder

4. 在 IconBuilder 文件夹中 创建一个名为 icons.iconset的子文件夹，以及放置名为 icon.png 的原始图片资源，如图所示
   

5. 在IconBuilder 中运行终端输入如下代码，并按回车

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

6. 此时IconBuilder文件夹如下图所示
   

7. 在终端中继续输入如下命令

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

8. 此时文件夹中已生成图标 icon.icns
   

3. 懒人一键脚本生成图标

请选择以下方式下载

1. CSDN 下载脚本及用例图片压缩包
2. github 下载

替换图片资源且双击运行iconGenerate即可