iOS 如何設置應用程序圖標和啟動圖像

Question

如何設置圖像以便我可以存檔和驗證我的應用程序？ 屏幕現在看起來像這樣：

所以第一個說29pt ，但它也說2x 。 那么我應該放一張29x29圖片還是一張58x58圖片？ 我把所有其他的放在哪里？ （我知道有比29 、 40和60多的尺寸）。

無論如何，我嘗試的是將29x29 png 拖到第一個插槽上，將40x40拖到第二個插槽上，將60x60拖到第三個和第四個插槽上。 當我去Product->Archive ，我得到

/Users/kendon/Documents/iPhone Apps/Sales Tool/Sales Tool/Images.xcassets：名為“AppIcon”的應用圖標集沒有任何適用的內容。

Answer 1

更新：除非您喜歡一一調整圖標大小，否則請查看Schmoudi 的回答。 這簡單多了。

圖標大小

上圖來自Designing for iOS 9 。 它們對於 iOS 10是相同的。

如何設置應用程序圖標

單擊 Project 導航器中的Assets.xcassets ，然后選擇AppIcon 。

這將為您提供一個空的應用程序圖標集。

現在只需將合適大小的圖像（.png 格式）從 Finder 拖到應用程序集中的每個空白處。 應用程序圖標現在應該已經全部設置好了。

如何創建合適尺寸的圖像

最頂部的圖像告訴了 iOS 9 中所需的每個點大小的像素大小。但是，即使我沒有為未來版本的 iOS 更新此答案，您仍然可以使用以下方法找出正確的像素大小下面的方法。

看看空圖像集上的每個空白是多少點（pt）。 如果圖像是 1x，則像素與點相同。 對於 2 倍的積分和 3 倍的積分。 因此，例如，在上面的第一個空白 (29pt 2x) 中，您需要一個 58x58 像素的圖像。

您可以從 1024x1024 像素的圖像開始，然后將其縮小到正確的尺寸。 你可以自己做，或者也有網站和腳本來獲得合適的尺寸。 搜索“ios app icon generator”或類似的東西。

只要尺寸正確，我認為名稱並不重要，但一般命名約定如下：

Icon-29.png      // 29x29 pixels
Icon-29@2x.png   // 58x58 pixels
Icon-29@3x.png   // 87x87 pixels

啟動圖像

盡管您可以將圖像用於啟動屏幕，但請考慮使用啟動屏幕故事板文件。 這將方便地為每個尺寸和方向調整大小。 查看此 SO 答案或以下文檔以獲取幫助。

有用的文檔

• 應用程序圖標
• 啟動畫面

這篇文章中的 Xcode 圖像是使用 Xcode 7 創建的。

Answer 2

我最近在App Store 中發現了這個名為Icon Set Creator的應用程序，它是免費的，沒有廣告，更新了新的變化，直接適用於 OSX、iOS 和 WatchOS 中所有可能的圖標大小：

在圖標集創建器中：

1. 將您的圖像拖到視圖中
2. 選擇您的目標平台
3. 導出圖標集文件夾

在 XCode 中：

1. 導航到Assets.xcassets文件夾
2. 刪除現有的 AppIcon
3. 右鍵單擊 -> 將您創建的 Icon-Set導入為AppIcon ，您就完成了

Answer 3

為了節省一點時間：

1) 您可以在 finder 中標記您的應用程序圖標圖像，並通過將它們拖入應用程序圖標圖像集的空槽之一來一次性將它們拖入您的資產目錄。 當您在插槽上拖動鼠標時，其他幾個插槽看起來已被選中，而當您放下這些插槽時，它們將立即被填滿。 請注意，這適用於 XCode 8（我還沒有嘗試過 XCode 7），但在 XCode 9 beta 中還沒有。

2） “技術問答 QA1686”蘋果文檔站點已經為您計算了每個應用程序圖標插槽的大小，並以漂亮的圖像顯示，並且還包含正確的圖像名稱約定。

Answer 4

正確的尺寸如下：

1) 58x58

2) 80x80

3) 120x120

4) 180x180

Answer 5

我使用名為 Prepo 的工具來生成所有正確的圖像尺寸。 您只需將圖像文件提供給應用程序，它就會以適當的名稱吐出每個必要的文件。

完成此操作后，您可以拖入適當的文件或簡單地指向您的 Prepo 導出文件夾。

Answer 6

我找到了名為 Iconizer 的應用程序。 您可以在github上找到存儲庫。 Iconizer 只需一張圖像即可為OS X、iPad、iPhone、CarPlay和Apple Watch生成應用程序圖標。

只需將您的圖標拖放到 Iconizer 上，選擇您需要的平台以及您是否希望將所有平台生成到一個資產目錄中，然后點擊導出。

之后，只需在 Assets.xcassets 中替換（刪除和導入）您的AppIcon

Answer 7

現在設置應用程序圖標真的很容易，只需轉到https://makeappicon.com/添加您的圖像，他們就會向您發送所有大小的應用程序圖標（也適用於手表和 iTunes），現在單擊資產.xcassets 在項目導航器中，然后選擇 AppIcon。 現在您只需要根據需要拖放圖標即可。

Answer 8

在左側列表中，右鍵單擊“AppIcon”並單擊“在查找器中打開”將打開一個名為“AppIcon.appiconset”的文件夾。 將所有具有所需分辨率的圖形粘貼到那里。 完成后，所有這些圖像都將在同一個屏幕中可見（屏幕截圖中的一個）。 然后將它們拖到適當的框中。 添加了應用程序圖標。 啟動圖像的過程相同。 為 iOS 7 及更低版本添加了通過此過程啟動的圖像。 對於 iOS 8，默認情況下會生成單獨的 LaunchScreen.xib 文件。

Answer 9

我已經嘗試了上述大部分方法和其他一些方法，並發現https://appicon.co是最簡單、最快的，並且提供了最全面的集合。

1. 將您的圖像拖到屏幕上
2. 點擊生成
3. 打開剛剛下載到您的下載文件夾的文件

在這里，您可以將整個文件夾拖入 Xcode。 如果不：

4. 雙擊 Assets.xcassets 文件夾
5. 選擇所有文件
6. 將它們拖到 Assets.xcassets
7. 將其重命名為 AppIcon

Answer 10

這是 XCode 非常令人沮喪的部分。 像許多人一樣，當我切換到較新版本的 xcode（版本 8）時，我浪費了幾個小時。 我的解決方案是打開我的項目的屬性，然后在“應用程序圖標和啟動圖像”下為圖標選擇“遷移”選項。 這對我來說完全沒有意義，因為我已經有了我所有的圖標，但它起作用了！ 不幸的是，我現在在項目中似乎有兩個我的啟動器圖標副本。

Answer 11

根據更新版本（Xcode 8.3.3），我看到AppIcon集的所有字段都需要以下分辨率。

40x40
58x58
60x60
80x80
87x87
120x120
180x180

它帶有 hdpi、xhdpi、xxhdpi 等。希望它能幫助其他人。

編輯為 120x120

Answer 12

您無需調整自己的大小或執行任何操作即可輕松完成，只需在應用商店圖標生成器網站https://getappscreenshots.com/app-icon-generator 上選擇您的圖標，它就會生成所有必需的文件和所有圖標大小，以便您只需復制文件並粘貼到您的項目文件夾中即可！

Answer 13

我非常喜歡 Jordi Bruin 制作的這款名為Bakery 的應用

它允許使用表情符號和 SFSymbols 進行快速原型設計（在這種情況下不適用於 App Store！）

就像將您的設計拖放到應用程序中一樣簡單，然后再次拖放到資產目錄中，而無需手動填寫所有尺寸。