macOS 应用图标 (.icns) 文件生成指引

Recent Pages

macOS 应用图标 (.icns) 文件生成指引

最后更新时间：2024-06-05 17:14:21

简介
macOS 应用图标 (.icns) 文件是 Apple 的 macOS 操作系统的 App 图标文件的扩展名，您在 macOS 的「 Desktop 桌面」、「Finder 访达」、「Dock 程序坞」等看到应用程序的外观就是由一个内置在此 App 内部的扩展名为 .icns 的文件实现的。
制作步骤
1. 准备尺寸为1024x1024图片一张，重命名为icon.png。
2. 使用“Terminal”工具生成不同尺寸的图片文件。
2.1 在「Dock 程序坞」上点击 「Launchpad 启动台」。
﻿
2.2 搜索“Terminal”，双击打开。
﻿
2.3 打开 Terminal 工具后，输入指令“mkdir icons.iconset”，创建一个名为 icons.iconset 的文件夹，用于存放临时生成的图片。
﻿
说明：
文件夹名必须以 .iconset 结尾，且存放图片的文件夹需要和第一步准备的1024尺寸的图片在同一个目录下，否则在生成 icns 文件时会报错。
2.4。使用命令行生成多个尺寸的图片文件
Apple 界面设计规范：创建一个.icns 图标文件时，需要准备10种不同大小的 .png 图片文件。
复制下方的指令，粘贴在在 Terminal 内，回车执行命令。
  sips -z 16 16 icon.png --out icons.iconset/icon_16x16.png
  sips -z 32 32 icon.png --out icons.iconset/icon_16x16@2x.png
  sips -z 32 32 icon.png --out icons.iconset/icon_32x32.png
  sips -z 64 64 icon.png --out icons.iconset/icon_32x32@2x.png
  sips -z 64 64 icon.png --out icons.iconset/icon_64x64.png
  sips -z 128 128 icon.png --out icons.iconset/icon_64x64@2x.png
  sips -z 128 128 icon.png --out icons.iconset/icon_128x128.png
  sips -z 256 256 icon.png --out icons.iconset/icon_128x128@2x.png
  sips -z 256 256 icon.png --out icons.iconset/icon_256x256.png
  sips -z 512 512 icon.png --out icons.iconset/icon_256x256@2x.png
  sips -z 512 512 icon.png --out icons.iconset/icon_512x512.png
  sips -z 1024 1024 icon.png --out icons.iconset/icon_512x512@2x.png
﻿
效果展示：
﻿
﻿
说明：
这一步也可以由设计师直接提供多个尺寸的图片，或者其他应用生成。
3. 使用“Terminal”工具生成 .icns 图标文件。
在 Terminal 工具内，执行以下的命令：
  iconutil -c icns icons.iconset -o icons.icns
命令执行成功后，即可生成 .icns 文件。
效果展示：
﻿
﻿
﻿
注意事项
图像清晰度：确保图像在所有尺寸下都保持清晰，不模糊。
颜色和透明度：注意颜色的选择和透明背景的处理，确保图标在不同背景下显示正常。
版权问题：使用的图像素材应确保没有版权问题，或者你已获得授权使用。
总结
制作 macOS 图标（.icns）文件并不复杂，通过上述步骤，你可以轻松地创建自己的 macOS 应用图标。
﻿