最近做Electron應(yīng)用，因為需要上線到Mac 版，所以自然接觸到了Mac App的圖標(biāo)問題。png 轉(zhuǎn) icns 網(wǎng)上一搜一大把，但是聽我的，不要用。大多數(shù)不靠譜，生成質(zhì)量極差！下面教大家用最傳統(tǒng)的方式，生成一個滿意的圖標(biāo)：

• 1 準(zhǔn)備一個 1024 * 1024 的png圖片，假設(shè)名字為 pic.png
• 2 命令行 $ mkdir tmp.iconset，創(chuàng)建一個臨時目錄存放不同大小的圖片
• 3 把原圖片轉(zhuǎn)為不同大小的圖片，并放入上面的臨時目錄

# 全部拷貝到命令行回車執(zhí)行，執(zhí)行結(jié)束之后去tmp.iconset查看十張圖片是否生成好
sips -z 16 16     pic.png --out tmp.iconset/icon_16x16.png
sips -z 32 32     pic.png --out tmp.iconset/icon_16x16@2x.png
sips -z 32 32     pic.png --out tmp.iconset/icon_32x32.png
sips -z 64 64     pic.png --out tmp.iconset/icon_32x32@2x.png
sips -z 128 128   pic.png --out tmp.iconset/icon_128x128.png
sips -z 256 256   pic.png --out tmp.iconset/icon_128x128@2x.png
sips -z 256 256   pic.png --out tmp.iconset/icon_256x256.png
sips -z 512 512   pic.png --out tmp.iconset/icon_256x256@2x.png
sips -z 512 512   pic.png --out tmp.iconset/icon_512x512.png
sips -z 1024 1024   pic.png --out tmp.iconset/icon_512x512@2x.png

• 4 通過iconutil生成icns文件 $ iconutil -c icns tmp.iconset -o Icon.icns，此時你的目錄應(yīng)該有了你想要的 O(∩_∩)O

原文鏈接：http://www.itdecent.cn/p/e74047f7cc91
作者: changchao 轉(zhuǎn)載請注明出處