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！）

就像将您的设计拖放到应用程序中一样简单，然后再次拖放到资产目录中，而无需手动填写所有尺寸。