tencent cloud

文档反馈

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 应用图标。
    
    联系我们

    联系我们,为您的业务提供专属服务。

    技术支持

    如果你想寻求进一步的帮助,通过工单与我们进行联络。我们提供7x24的工单服务。

    7x24 电话支持