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圖標。

如下圖所示

生成icns圖標,Mac系統使用iconutil生成圖標

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/212787.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-08 17:47
下一篇 2024-12-08 17:47

相關推薦

發表回復

登錄後才能評論