ICON图标制作 如何绘制icon图标

【ICON图标制作 如何绘制icon图标】


文章插图
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.pngsips -z 32 32 nat.png --out [email protected] -z 32 32 nat.png --out icons.iconset/icon_32x32.pngsips -z 64 64 nat.png --out [email protected] -z 128 128 nat.png --out icons.iconset/icon_128x128.pngsips -z 256 256 nat.png --out [email protected] -z 256 256 nat.png --out icons.iconset/icon_256x256.pngsips -z 512 512 nat.png --out [email protected] -z 512 512 nat.png --out icons.iconset/icon_512x512.pngsips -z 1024 1024 nat.png --out [email protected]执行完成后,我们打开目录,会看到icons.iconset目录下有10张大小不一的图片 。
接下来我们继续执行生成icns图标,还是在nat.png的终端目录,执行以下代码
iconutil -c icns icons.iconset -o Icon.icns执行完成后,我们会看到和nat.png同一目录多出一张图片,就是Icon.icns图标 。
如下图所示