PNG 轉 ICNS 轉換器
不必開啟 Xcode 或終端機,就能用正方形 PNG 製作 macOS .icns 圖示。可用於包裝成 App 的腳本、磁碟映像檔、資料夾或 Electron 建置;若透過 Xcode 發布,下方也說明完整 iconset 的運作方式。
圖片轉換器
或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。
85 可讓照片在視覺上與原圖幾乎相同。只有需要更小的檔案時才調低。
JPG、BMP 和 EPS 不支援透明。透明的像素會以此顏色填滿。
用於透明像素後方的十六進位色碼,例如 #FFFFFF。
此格式只能存放單張圖片。若要保留動畫,請選擇輸出 GIF 或 WebP。
多尺寸圖示會在一個檔案中包含多種解析度,瀏覽器和作業系統會自行選用需要的尺寸。
保留原始尺寸,或輸入其中一邊,系統會維持長寬比。
上方所選邊的像素值。
相對於原始尺寸的百分比。
sRGB 適合螢幕和網頁。印刷流程請保留原始設定;灰階會捨棄顏色。
僅為中繼資料,0 表示保留原始值。印表機和部分入口網站會讀取此數值;不會改變像素尺寸。
使用方式
- 1
上傳正方形 PNG
請使用至少 1024 × 1024 px 的透明背景圖稿。
- 2
保留所有尺寸
在進階設定中,圖示尺寸預設為所有尺寸(16–256),因此 Finder 清單、側邊欄和 Dock 圖示都會有對應尺寸的圖片。
- 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
| 點數大小 | 1x 檔案(像素) | @2x 檔案(像素) | 顯示位置 |
|---|---|---|---|
| 16 pt | icon_16x16.png (16) | [email protected] (32) | Finder 清單檢視、選單 |
| 32 pt | icon_32x32.png (32) | [email protected] (64) | 側邊欄、小圖示檢視 |
| 128 pt | icon_128x128.png (128) | [email protected] (256) | Finder 圖示檢視、Dock |
| 256 pt | icon_256x256.png (256) | [email protected] (512) | 大圖示檢視、快速查看 |
| 512 pt | icon_512x512.png (512) | [email protected] (1024) | 「取得資訊」預覽、App Store |
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
ICNS
Apple 圖示影像
ICNS 是 Apple 的圖示容器格式,自 1998 年的 Mac OS 8.5 起用於 macOS 的應用程式、資料夾和文件圖示。單一檔案包含多種尺寸,從 16×16 到 1024×1024 像素,並含 Retina 版本,通常以支援透明度的 PNG 資料儲存。Xcode 和 macOS 可直接讀取,但在 Apple 平台以外很少使用。Windows 和多數網頁工具需要轉換工具才能開啟 ICNS。
- 壓縮方式
- 無損
- 透明度
- 支援
- 動畫
- 不支援
- 推出年份
- 1998 · Apple
當 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 就是它們需要的格式。