UltKit

PNG 轉 ICNS 轉換器

不必開啟 Xcode 或終端機,就能用正方形 PNG 製作 macOS .icns 圖示。可用於包裝成 App 的腳本、磁碟映像檔、資料夾或 Electron 建置;若透過 Xcode 發布,下方也說明完整 iconset 的運作方式。

圖片轉換器

或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出

檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。

使用方式

  1. 1

    上傳正方形 PNG

    請使用至少 1024 × 1024 px 的透明背景圖稿。

  2. 2

    保留所有尺寸

    在進階設定中,圖示尺寸預設為所有尺寸(16–256),因此 Finder 清單、側邊欄和 Dock 圖示都會有對應尺寸的圖片。

  3. 3

    轉換為 ICNS

    按下轉換為 ICNS並下載 .icns 檔案,即可放入 App 套件的 Resources 資料夾,或用於「取得資訊」視窗。

.icns 檔案是 Apple 的圖示容器:一個檔案包含多張正方形點陣圖,Finder、Dock 或 Spotlight 會依需要的尺寸各自繪製。轉換 PNG 時,會用同一份圖稿填滿這些尺寸。

PNG 轉 ICNS:macOS 圖示檔包含哪些內容

Apple 在 1998 年隨 Mac OS 8.5 推出 ICNS 格式,Mac OS X 沿用至今,作為每個應用程式套件所指向的檔案。容器隨著螢幕密度而擴充:512 px 項目隨 Mac OS X 10.5 出現,標示為 512 × 512 @2x 的 1024 px 項目則隨 OS X 10.7 與 10.8 的 Retina 顯示器登場。

每個尺寸都是一組:同一點數大小的 1x 圖片與供 Retina 螢幕使用的 @2x 圖片。Finder 會依顯示器和檢視方式挑選相符的一張,所以由 Finder 縮小單一 1024 px PNG,在清單檢視中會比真正的 16 px 項目更模糊。

Mac iconset 尺寸:從 16 px 到 1024 px

iconutil 在 .iconset 資料夾內預期的檔名。@2x 檔案的像素是點數大小的兩倍。
點數大小1x 檔案(像素)@2x 檔案(像素)顯示位置
16 pticon_16x16.png (16)[email protected] (32)Finder 清單檢視、選單
32 pticon_32x32.png (32)[email protected] (64)側邊欄、小圖示檢視
128 pticon_128x128.png (128)[email protected] (256)Finder 圖示檢視、Dock
256 pticon_256x256.png (256)[email protected] (512)大圖示檢視、快速查看
512 pticon_512x512.png (512)[email protected] (1024)「取得資訊」預覽、App Store
終端機:使用 Apple 工具由完整的 iconset 建立 .icns
mkdir MyApp.iconset
sips -z 512 512 icon-1024.png --out MyApp.iconset/icon_512x512.png
cp icon-1024.png MyApp.iconset/[email protected]
# 依同樣方式用 sips 產生 16、32、64、128 與 256 px 的檔案
iconutil -c icns MyApp.iconset

PNG

Portable Network Graphics

PNG 是 1996 年由 PNG Development Group 發布的無損點陣圖格式,後來由 W3C 與 ISO 納入標準。它會完整保留每一個像素,支援完整的 Alpha 透明度,處理文字、銳利邊緣和純色區塊時不會產生瑕疵。這樣的精確度使它非常適合螢幕截圖、標誌、圖示和介面圖形。代價是檔案大小:存成 PNG 的相片,往往比同一張相片存成 JPEG 或 WebP 大上好幾倍。所有瀏覽器、作業系統和編輯軟體都能開啟 PNG 檔案。

壓縮方式
無損
透明度
支援
動畫
不支援
推出年份
1996 · PNG Development Group
PNG 轉檔工具

ICNS

Apple 圖示影像

ICNS 是 Apple 的圖示容器格式,自 1998 年的 Mac OS 8.5 起用於 macOS 的應用程式、資料夾和文件圖示。單一檔案包含多種尺寸,從 16×16 到 1024×1024 像素,並含 Retina 版本,通常以支援透明度的 PNG 資料儲存。Xcode 和 macOS 可直接讀取,但在 Apple 平台以外很少使用。Windows 和多數網頁工具需要轉換工具才能開啟 ICNS。

壓縮方式
無損
透明度
支援
動畫
不支援
推出年份
1998 · Apple
ICNS 轉檔工具

當 Mac App 套件、安裝程式或資料夾需要把多種解析度放在同一個檔案的 Apple 圖示容器時,就會將 PNG 轉成 ICNS;ICNS 轉回 PNG,則只是為了在文件或網站中重複使用現有的 App 圖示。

線上 ICNS 轉換器,還是 Xcode 與 iconutil

本轉換器會填入 16 到 256 px 的尺寸,涵蓋每台 Mac 上的 Finder 清單、側邊欄、Dock 和圖示檢視,Retina 則支援到 128 pt 尺寸。資料夾圖示、DMG 磁碟區圖示、AppleScript 或 Automator App,以及內部工具都用得上,而且不需要安裝任何開發工具。

若要上架 Mac App Store 的 App,請在 Xcode 的資源目錄中使用 1024 px 原圖,或如上所示對完整的 iconset 執行 iconutil,讓 512 pt 尺寸由真實像素填滿。請先備妥乾淨的正方形:若標誌偏寬,可先用裁切圖片工具取得 1:1 的畫布,如何依比例裁切圖片則說明該在哪裡留白。

Mac 使用者常見的 PNG 轉 ICNS 問題

如何為 Mac 資料夾或 App 換上自訂的 ICNS 圖示?

在 Finder 中選取項目,按 Command-I 開啟「取得資訊」,再將 .icns 檔案拖曳到視窗左上角的小圖示上。若是自行開發的 App,請把檔案放進 Contents/Resources,並在 Info.plist 的 CFBundleIconFile 鍵中填入檔名。

製作 ICNS 應該用多大尺寸的 PNG?

1024 × 1024 px,這是 Apple 定義的最大尺寸。較小的 PNG 仍可轉換,但超過原圖的尺寸都會被放大,在 Retina 螢幕上會顯得模糊。圖稿應為正方形,圖示形狀以外的部分保持透明背景。

Xcode 專案已有素材目錄,還需要自己做 ICNS 嗎?

不需要。當 macOS 目標使用 Assets.xcassets 中的 AppIcon 集時,Xcode 會在建置時編譯並產生 App 的圖示檔。另外準備 .icns 適用於不使用 Xcode 的專案:Shell 腳本 App、Electron 與 Tauri 打包工具、Python 打包工具和 DMG 背景。

為什麼新圖示外面多了一個灰色圓角方框?

自 macOS 11 Big Sur 起,Mac App 圖示採用圓角正方形;macOS 26 Tahoe 會把未填滿該形狀的圖示放在灰色底板內。請直接在圖稿中畫出圓角正方形並保留透明的四角,系統就會依設計呈現。

ICNS 檔案會壓縮我的圖稿嗎?

肉眼看不出差異。現代 .icns 檔案以 PNG 資料儲存較大的圖片,屬於無損格式。只有極小的舊版項目使用 Apple 自家的行程長度編碼並搭配獨立的 8 位元遮罩,而這些在現在的 Mac 上很少會顯示。

Windows 或 Linux 可以使用同一個圖示檔嗎?

Windows 需要的是 ICO 而非 ICNS;可用 PNG 轉 ICO 以同一份圖稿製作。Linux 桌面環境會從主題資料夾讀取一般的 PNG 或 SVG 圖示,所以原本的 PNG 就是它們需要的格式。