從 App Icon Generator 產生 iOS App Icon

從 Xcode 14 開始，App Icon 有更簡單的設定方法

利用 1024x1024 的圖片設定 App Icon — Xcode 14 新功能

舊版 Xcode

透過網站 App Icon Generator 的幫忙，我們只要上傳圖片，即可產生 iOS App 需要的各種 App icon 。接下來就讓我們一步步示範如何產生 App Icon。

• 連到 App Icon Generator 網站。

App Icon Generator

• 在格子裡放上想做成 App icon 的圖片。

下圖的範例其實不太完美，雖然 Peter 的圖片很可愛。若想要較好的效果，最好放上正方形的圖片，到時候生成 icon 時才不會變形。

• 點選 Generate 下載產生的 icon。

• 解壓縮 AppIcons.zip，我們需要的 icon 就在 AppIcon.appiconset 裡。

• 打開 Xcode 專案，點選 Assets 後點選 AppIcon。

• 按下 delete 鍵將 AppIcon 刪除。

• 從剛剛解壓縮的資料夾找到 AppIcon.appiconset，按 cmd + c 複製。

• 點選下圖 Assets 的紅色框框區塊，按下 cmd + v 貼上。

執行 App

Cool，帥氣的 Peter App icon 順利地出現在 iPhone 的桌面。

問題

若是模擬器的 App Icon 出不來或顯示有問題，可嘗試以下解法。

點選模擬器的 Device > Restart。