影像 · App 圖示產生器

在 Mac 上產生 iOS、Android 和 Mac App 圖示

一張正方形影像產生所有 App 圖示:Xcode 用的 iOS 資源目錄、Android 啟動器和自適應圖示,以及 Mac .icns。

在你的 Mac 上執行
OneMacTools 中的「App 圖示產生器」在 Mac 上執行,附範例檔案和選項

在 Mac 上使用「App 圖示產生器」

OneMacTools 中的「App 圖示產生器」,已載入範例檔案並開啟選項面板
「App 圖示產生器」搭配範例檔案和選項
「App 圖示產生器」處理範例檔案的結果
「App 圖示產生器」用範例檔案產出的成果

App 的截圖,使用範例檔案。

如何使用「App 圖示產生器」

  1. 1

    拖入你的圖稿

    請使用正方形圖片,最好是 1024 × 1024 px 以上。非正方形圖片會被裁成置中的正方形。

  2. 2

    選擇平台

    依需要開啟 iPhone 與 iPad、Android 和 Mac,並設定 Android 背景顏色。

  3. 3

    按一下「製作圖示」

    所有尺寸都從你的圖稿產生,並附上各平台所需的檔案和資料夾。

  4. 4

    加入你的專案

    在「下載項目」› OneMacTools 中的日期資料夾裡,可找到以你的影像命名並加上「app icons」的資料夾。將 AppIcon.appiconset 拖入 Xcode,將 Android res 資料夾拷貝到你的 App 中,並將 AppIcon.icns 用於你的 Mac App。

「App 圖示產生器」的功能

取得一個 AppIcon.appiconset 資料夾,內含 iPhone 和 iPad 的所有尺寸及 Contents.json,可直接拖進 Xcode;Android 的 mipmap 資料夾,內含啟動器圖示、圓形和自適應圖示(圖案位於安全區內,疊在你的背景顏色上),以及 Play 商店圖示;還有帶 Apple 圓角外形的 Mac .icns。由於 App Store 不接受透明背景,iOS 圖示會自動設為不透明。

適合用於

  • 為你的 iOS 或 Android App 製作圖示
  • 製作 Mac App 圖示
  • 幾分鐘內更新一整套過時的 App 圖示

選項說明

iPhone 與 iPad(AppIcon.appiconset)
預設開啟。資源目錄圖示集,包含所有 iPhone 和 iPad 尺寸、1024 px 的 App Store 圖示及其 Contents.json。透明區域會填上白色,因為 App Store 不接受含透明度的圖示。
Android(啟動器圖示、圓形和自適應)
預設開啟。各密度 mipmap 資料夾中的啟動器圖示、圓形圖示和自適應圖示、自適應圖示 XML、背景顏色資源,以及 512 px 的 Play 商店圖示。
Android 背景顏色
Android 圖示中圖稿後方的顏色,以及自適應圖示背景層的顏色,例如 #FFFFFF。只有在開啟 Android 時使用;留空則為白色。
Mac(.icns)
預設開啟。Mac 用的 AppIcon.icns,包含 16 到 1024 px 的所有尺寸,另附一張 1024 px 的 PNG。
讓 Mac 圖示呈現圓角外形
預設開啟。將你的圖像放進 macOS 的圓角方形外形,並加上柔和陰影。如果你的圖像已經有自己的外形,請關閉此選項。僅在開啟 Mac 時使用。

最佳做法

  • 從 1024 × 1024 px 的 PNG 開始。較小的圖稿在最大尺寸時必須放大,看起來會比較模糊。
  • 讓重要細節遠離邊緣。Android 自適應圖示可能被遮罩成圓形或其他形狀,因此圖案會放在安全區內。
  • 如果希望背景顏色或形狀透出來,Android 和 Mac 請使用透明 PNG,並選擇相符的 Android 背景顏色。
  • 檢查小尺寸。細節豐富的標誌在 20 或 29 點時可能糊成一團;較簡單的標記通常更容易辨識。
  • 拖入多張影像,一次為不同 App 或版本製作圖示組。

搭配使用

輸入
正方形影像(PNG 效果最好),一張或多張。
輸出
每張影像一個資料夾,依你開啟的平台,內含 AppIcon.appiconset、android 資料夾(res mipmap 和 play-store-512.png),以及 AppIcon.icns 和 AppIcon-1024.png。
  • 非正方形的影像會先置中裁切成正方形,再製作圖示。

關於「App 圖示產生器」的問題

iOS 會產生哪些檔案?

一個 AppIcon.appiconset 資料夾,內含每種 iPhone 和 iPad 尺寸及其 Contents.json。將它拖進 Xcode 資源目錄,即可取代現有的圖示組。

可以製作 Android 自適應圖示嗎?

是的:各種密度的啟動器圖示和圓形圖示、將你的圖案放在安全區域內的自適應前景、背景顏色、將它們整合在一起的 XML,以及 512 px 的 Play 商店圖示。

為什麼我的 iOS 圖示是白底?

App Store 會拒絕含透明區域的圖示,因此 OneMacTools 會將 iOS 圖示的透明區域填上白色,並告訴你。

如何製作 Mac 的 .icns 檔案?

開啟「Mac(.icns)」並拖入一張正方形影像。你會得到包含 macOS 所需所有尺寸的 AppIcon.icns,可選擇是否套用標準圓角外形。

App 圖示原圖該是什麼尺寸?

建議以 1024 × 1024 px 為目標,因為這是所有平台所需的最大圖示尺寸。

可以使用長方形的標誌嗎?

它會被裁成置中的正方形。為了獲得最佳效果,請先將標誌放在四周留有空間的正方形畫布上。

「App 圖示產生器」會上傳我的檔案嗎?

不會。「App 圖示產生器」完全在你的 Mac 上執行,檔案絕不會離開你的 Mac,也能離線使用。

「App 圖示產生器」會更改我的原始檔案嗎?

不會。結果會另存為新檔案,放在「下載項目 › OneMacTools」中以日期命名的資料夾;除非你開啟了另有說明的選項,否則原始檔案會完全保持原樣。

「App 圖示產生器」需要什麼?

只需要一台搭載 macOS 26 或以上版本的 Mac。不需另外安裝任何東西。

「App 圖示產生器」,還有另外 150 款。
一個 App。一個價格。

全部 151 個工具。免費下載,一次付費購買授權,永久擁有。