macOS App 圖示生成器:一個提示詞,產出 Mac 所需的全部圖示尺寸
Mac 應用圖示是一組檔案,而不是一次上傳。Xcode 資產目錄需要 16px 到 1024px 的 1x 與 2x 全部尺寸,而且 macOS 要求圓角方形直接畫進圖示本身。描述一次你的圖形,生成 1024 母版,一次性匯出開箱即用的 AppIcon.appiconset。
Mac 應用圖示案例
為 Mac 上線而生成的圖示:扁平、玻璃與 3D 風格的圓角方形圖形,從 1024px 母版到系統小尺寸 Finder 檢視使用的 16px 條目都清晰可讀。
什麼是 macOS App 圖示生成器?
大多數 Mac 圖示工具都假設設計稿已經存在:Apple 的 Icon Composer 負責把成品分層,Figma 模板負責縮放你畫好的方形。macOS App 圖示生成器把起點提前到一句話。你描述圖形,生成器畫出 1024x1024 母版,匯出步驟直接切出資產目錄需要的完整 AppIcon.appiconset:從 16px 到 1024px 的十個 PNG 條目,外加繫結它們的 Contents.json。第一次渲染很少就是最終版,所以每個圖示都作為節點活在無限畫布上:改提示詞、並排對比 Dock 尺寸預覽,每次迭代都能溯源,匯出前全程留痕。
視覺譜系樹
把一個圖形分支成不同粗細、配色與光感的變體,每個 Mac 圖示迭代都能追回產生它的提示詞。
內建後處理
一鍵摳背景與純色填充,小尺寸條目保持乾淨剪影,不必再開啟其他編輯器。
形狀感知匯出
匯出時按 Apple 模板的圓角比例烘焙 macOS 圓角方形,母版則保留完整正方形。

Mac 應用圖示提示詞示例
任意複製一條到生成器,再把主題、風格與配色改成你的應用。一條好的 Mac 圖示提示詞說清三件事:圖形是什麼、它如何安放在圓角方形裡,以及這個標記必須在 Dock 與 Finder 的小尺寸下依然可讀。
極簡工具圖形
macOS app icon, minimal compass glyph centered inside a soft violet rounded square, calm gradient background, thick silhouette readable at 16 px, flat style, no text
設計工具的玻璃質感
macOS app icon, frosted glass layers around a pencil tip, cool blue palette, soft studio light, rounded-square silhouette with about 22.5% corner radius, glossy 3D style
深色模式友好的開發者工具
macOS app icon, terminal caret mark on a deep charcoal rounded square, single mint accent, thick shape that survives 32 px in Finder, flat modern style
三步製作 macOS App 圖示
從一句話到 Xcode 可編譯的 AppIcon.appiconset,全程不開啟影象編輯器。
- 1
描述圖示
用一句話說清主題、風格與配色,比如「記賬應用的深綠儀表圖形,米白底,macOS 扁平風格」。在提示詞裡點名圓角方形,形狀才會落進畫面,因為 macOS 不會替你補上它。
- 2
生成 1024 母版,先看小尺寸
以 1024x1024 生成,再預覽 128 px、64 px 與 32 px 下的效果再下判斷。Mac 圖示的一生都在 Dock 和 Finder 側欄裡度過,很少以全尺寸示人,小預覽才是真正的評審。
- 3
匯出完整圖示集
匯出包含 16px 到 1024px、1x 與 2x 全部條目的 AppIcon.appiconset,外加 Contents.json。下表列出各 macOS 表面的具體要求。
macOS App 圖示尺寸與格式規格
Mac 對圖示檔案數量的要求超過任何其他 Apple 平臺,所以先把數字說清楚。以下為當前要求。
| 表面 | 表面需要什麼 | 格式規則 | 接下來會發生什麼 |
|---|---|---|---|
| Xcode 中的 AppIcon.appiconset | 十個 PNG 條目:16、32、64、128、256、512 與 1024 px,覆蓋 1x 與 2x | macOS 無法從單張 1024 檔案派生整套圖示:Xcode 14 為 iOS 增加的單尺寸工作流不適用於 Mac 資產目錄,每個條目都要隨 Contents.json 一起提供 | Xcode 構建時把資產目錄編譯進應用包 |
| Dock、Finder 與系統表面 | 日常渲染幾乎都由 16 到 256 px 條目承擔 | Dock 最高以 128 pt 顯示,Finder 列表與側欄遠低於此,1024 條目只出現在大於 264 pt 的 Finder 檢視裡 | 小尺寸佔絕對多數的真實使用,標記必須先在 32 px 下可讀 |
| 非資產目錄應用的 .icns | 把整套尺寸封裝進一個檔案,供 Xcode 資產目錄之外的應用使用 | 用 iconutil 從 PNG 集生成:iconutil -c icns AppIcon.iconset | Electron、Tauri 與 NSApplication setIcon 讀取 .icns 或 1024 PNG |
| Mac App Store 商店頁 | 在 App Store Connect 上傳一張 1024x1024 營銷圖示 | PNG 格式,圓角方形已畫在畫面裡;純色背景即可 | 商品頁與搜尋結果把它顯示在應用名旁 |
規格依據 Apple Developer 的 macOS 應用圖示配置指南與 App Store Connect 要求核對,核對時間 2026 年 9 月。
描述圖形,在 Dock 尺寸下檢查,再按上表一次性匯出 AppIcon.appiconset 與 1024px 商店上傳件。
開啟 macOS App 圖示生成器一張母版,覆蓋每個 Mac 表面
表中的每個表面讀取的都是從同一張 1024px 母版切出的檔案。已經有畫好的方形 logo?免費的 應用圖示縮放器 可以不做新渲染直接切出全部 Mac 尺寸。
需要自己畫的形狀
iOS 會自動切圓角,macOS 不會。Mac 要求圓角方形直接存在於檔案裡,圓角比例接近 22.5%,內容留在安全邊距內,所以匯出時把形狀烘焙進去,而不是交給系統處理。
Dock
Dock 依據使用者的尺寸設定在 32 到 128 pt 之間渲染,retina 下最高 256 px。放大手勢會讓圖示瞬時超過 128 pt,邊緣與漸變必須經得起雙向縮放。
Finder、Spotlight 與切換器
Finder 圖示檢視、列表側欄、Spotlight 結果與 cmd-Tab 切換器都讀同一套條目,多數在 16 到 64 px。這些擁擠的場景裡,細線條與小字最先垮掉。
macOS 26 分層外觀
macOS 26 增加深色、著色與液態玻璃外觀,需要在 Apple 的 Icon Composer 裡以圖層製作。可以先在這裡生成基礎圖形,再帶進 Composer 做分層處理。
Mac 應用圖示出現在哪些地方
Dock 只是最顯眼的一站。同一個圓角方形還出現在 Finder 視窗與桌面堆疊、cmd-Tab 切換器、Spotlight 結果、排程中心、啟動臺,以及 Mac App Store 商品頁的應用名旁。先為最小場景設計:能在 16 px Finder 側欄行裡讀出來的圖形,在 Mac 其他任何地方都立得住。
獲取 macOS App 圖示的三種方式
AI 生成器、配 Figma Mac 模板的 Icon Composer 與自由設計師,終點都是同一個資產目錄。差別在於起點,以及開始之前設計稿已經存在多少。
| AI 圖示生成器 | Icon Composer 與 Figma 模板 | 聘請設計師 | |
|---|---|---|---|
| 起點 | 一句描述圖形的話 | 你已經有的成品設計稿 | 需求文件與一次通話 |
| 是否創作畫面 | 是,每個圖示都按提示詞繪製 | 否,只對你提供的素材分層與縮放 | 是,在需求範圍內 |
| 出圖時間 | 每個概念不到一分鐘 | 設計稿就緒後數分鐘 | 每輪數天 |
| 成本 | 積分或訂閱,免費開始 | 免費工具,依託現有設計軟體 | 每個專案數百美元起 |
| macOS 全尺寸圖示集 | 按規格匯出含 Contents.json 的十條目 appiconset | 需要自己按模板拼尺寸網格 | 需求包含匯出則可交付 |
| macOS 26 分層外觀 | 在這裡生成基礎圖形,Icon Composer 裡組裝圖層 | 內建支援,這正是該工具的用途 | 可行,但依賴技能與迭代 |
對典型工作流的對比,核對時間 2026 年。
生成器替你處理的事
從第一條提示詞到 Xcode 資產目錄可接受的檔案之間的全部環節。
一張 1024px 母版
一次全解析度生成,目錄裡所有條目都由它乾淨縮放。
完整 macOS 尺寸族
1x 與 2x 的 16 到 1024 px 十個 PNG 條目,連同 Contents.json 一併匯出。
圓角方形,直接烘焙
匯出時應用 Apple 模板圓角比例的 macOS 形狀,檔案到手即可進 Dock。
小尺寸預覽
迭代時在 128、64 與 32 px 下檢查,那才是 Mac 圖示真正的生存尺寸。
變體迭代到小而可讀
同一概念反覆生成,測試粗細與配色,直到剪影能在 Finder 側欄裡活下來。
一個圖形,全部風格
扁平、玻璃、3D、極簡等預設,全部為圖示尺度的剪影調校。
Mac 圖示風格:從扁平到玻璃
風格決定標記能否從 1024px 母版縮到 16px 目錄條目後依然成立。扁平與極簡最穩,玻璃預設呼應 macOS 26 材質而無需分層檔案,3D 在剪影保持單一粗壯時增加深度。到 圖示風格畫廊 以圖示尺度對比各方向:極簡、玻璃與 3D 頁面展示了每種風格下的真實作品。
設計一個經得起 Dock 的 Mac 圖示
多數 Mac 圖示返工源於四個習慣。圓角方形要自己畫,圓角比例接近 22.5%,因為 macOS 不套任何遮罩。內容留在充裕的邊距內,避免 Finder 背景與深色桌布擠壓標記。線條保持粗壯,髮絲線在 32 px 下消失。最後在明暗兩種桌布下測試,Dock 與桌面顏色因人而異,你的圖示要能駕馭所有背景。
工作流的適用場景
生成器產出一張母版,匯出覆蓋每一個在 Mac 應用名旁展示小圓角方形的表面。
首次上架 Mac App Store
隨商品頁提交 1024px 營銷圖示,appiconset 一次拖進 Xcode 即可。
Electron 與 Tauri 打包
把 1024 px PNG 接入構建配置,或當打包器只要一個檔案時,用 iconutil 把尺寸集封裝成 .icns。
獨立工具套件
複用同一提示詞底稿,讓一組 Mac 工具視覺統一,再在畫布上按應用分支。
同步釋出 iPhone 與 iPad 版
從同一個方形切出 iOS 的 1024px 無透明母版與 Xcode 素材集。
同時上架 Google Play
同一母版切出 512x512 Play 素材與 mipmap 集,規格對照 Play Console。
全渠道 PNG 母版
一次 PNG 匯出覆蓋 App Store、Play、網頁 favicon 與新聞資料包。
macOS App 圖示常見問題
尺寸、資產目錄、.icns 檔案,以及上架 Mac 圖示前的常見疑問。
macOS 應用圖示是什麼尺寸?
Xcode 資產目錄需要十個 PNG 條目:覆蓋 1x 與 2x 的 16、32、64、128、256、512 與 1024 px,由 Contents.json 繫結。Mac App Store 商品頁另需一張 1024x1024 營銷圖示。在這裡生成 1024 母版,一次性匯出整套圖示集。
macOS 能像 iOS 那樣只用一張 1024x1024 圖示嗎?
不能。iOS 從 Xcode 14 起可由一張 1024 檔案派生所有尺寸,但該單尺寸工作流不適用於 Mac 資產目錄,macOS 需要集內每個條目。匯出會替你生成十條目 appiconset,手工網格工作隨之消失。
macOS 會自動給我的圖示切圓角嗎?
不會。iOS 會應用自己的超橢圓遮罩,macOS 則要求圓角方形畫在畫面裡,圓角比例約 22.5%。匯出時形狀已烘焙進檔案,完整正方形母版也依然可用。
怎麼製作 .icns 檔案?
把尺寸集放進名為 AppIcon.iconset 的資料夾,執行 iconutil -c icns AppIcon.iconset。Xcode 專案不需要這一步,資產目錄會自行編譯;Electron、Tauri 與基於 setIcon 的應用通常需要。
在 Xcode 裡怎麼新增圖示?
把匯出的 AppIcon.appiconset 拖進 Assets.xcassets,開啟目標的 General 標籤確認選中 AppIcon。Xcode 構建時校驗全部十個條目,並把編譯後的圖示寫進應用包。
為什麼我的圖示在 Dock 裡發虛?
通常兩個原因:母版不足 1024px 被放大,或缺了某個尺寸條目導致系統拉伸鄰近尺寸。以 1024 生成並匯出完整圖示集,Dock 就總有精確畫素可用。
如何免費生成 Mac 應用圖示?
上方生成器自帶免費積分:描述圖形,生成 1024 母版,先匯出一套資產再談付費。後續生成消耗積分,所有套餐都包含全部匯出格式。
Mac 應用圖示應該是什麼形狀?
圓角方形,圓角比例用 Apple macOS 模板的數值,約 22.5%。主題留在充裕邊距內,不放文字,剪影要能在 Finder 側欄的 32 px 下存活。
生成的圖示能用在已上架的應用裡嗎?
可以。在遵守服務條款的前提下,你擁有生成圖示的全部商用權利,包括上架 Mac App Store 的應用。
Mac App Store 商品頁需要另一張圖示嗎?
不需要。App Store Connect 收取的 1024x1024 營銷圖示與資產目錄使用同一張母版。隨商品頁上傳後,商店自行生成展示尺寸。
