iOS如何设置应用程序图标并启动图像


170

如何设置图像,以便可以存档和验证我的应用程序?屏幕现在看起来像这样:

在此处输入图片说明

因此,第一个说29pt,但随后也说2x。那么我要放置29x29图像还是58x58图像?我将其他所有元素放在哪里?(我知道有更多的大小比294060)。

无论如何,我尝试的是将29x29png拖到第一个插槽上,a 40x40拖到第二个插槽上,a 拖到60x60第三个和第四个插槽上。我去的时候Product->Archive,我得到

/ Users / kendon / Documents / iPhone Apps / Sales Tool / Sales Tool / Images.xcassets:名为“ AppIcon”的应用程序图标集没有任何适用的内容。


选择appicon并点击属性检查器,它还会显示1x需要29x29的尺寸,2x需要58x58的尺寸,等等
Muhammad Adnan

3
您可以使用此网站制作所有应用程序图标makeappicon.com
AL̲̳I 2016年

9
为什么我们不能仅在Xcode本身中执行此操作?没有特殊的应用程序或网站。仅一张大图,那太容易了,不是吗。这就是我在Unity中所做的
tsukimi

好像图像太靠近图标中白色背景的边缘,是否有办法使图像变小但保持所需的像素比?这是在使用makeappicon.com之后
nenur '18

它已不再在iOS 13中使用。已弃用。
Manish

Answers:


211

更新:除非您喜欢一个一个地调整图标的大小,否则请查看Schmoudi的答案。这很容易。

图标大小

在此处输入图片说明

上图来自iOS 9的设计。它们与iOS 10相同

如何设置应用程序图标

在项目导航器中单击Assets.xcassets,然后选择AppIcon

在此处输入图片说明

这将为您提供一个空的应用程序图标集。

在此处输入图片说明

现在,只需将大小合适的图像(.png格式)从Finder拖到应用程序集中的每个空白处即可。该应用程序图标应已全部设置。

如何创建合适尺寸的图像

最上面的图像说明了iOS 9中每个点大小的像素大小。但是,即使我没有为将来的iOS版本更新此答案,您仍然可以使用以下方法找出正确的像素大小下面的方法。

查看空白图像集上每个空白的点数(pt)。如果图像是1x,则像素与点相同。对于2倍的积分,3倍的积分。因此,例如,在上面的第一个空白中(29pt 2x),您将需要一个58x58像素的图像。

您可以从1024x1024像素的图像开始,然后将其缩小为正确的尺寸。您可以自己做,也可以使用网站和脚本来获取合适的尺寸。搜索“ ios应用程序图标生成器”或类似的内容。

只要尺寸正确,我认为名称并不重要,但是一般的命名约定如下:

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

启动影像

尽管可以将图像用于启动屏幕,但请考虑使用启动屏幕情节提要文件。这将方便地针对各种尺寸和方向调整大小。看看这个答案或以下文档以获取帮助。

有用的文件

这篇文章中的Xcode图像是使用Xcode 7创建的。


对我来说,在XCode 7.2中,XCode不允许您将图像拖到那些框中。你能帮我吗?
ahitt6345 '16

1
@ ahitt6345:我用Xcode 7.2再次测试了它,它仍然可以工作。打开Finder,然后在您拥有它们的任何文件夹中找到您的图像。然后将它们拖到Xcode中正确的应用图标集位置,如上所示。如果图像格式错误,则可能无法正常工作。使用.png格式。
Suragch '16

它们是.png格式,我尝试再次拖放,但仍然无法正常工作。
ahitt6345'3

@ ahitt6345,请观看此YouTube视频教程。看到它正在执行中可能会有所帮助。
苏拉奇

在拖动它们之前,我一直遇到问题,直到更改了png的格式以匹配将其拖动到的位置。这是使用Xcode 8.3的方法
curt

176

我最近在App Store中找到了这个名为Icon Set Creator应用程序,它是免费的,没有广告,在新的更改上进行了更新,简单明了,并且适用于OSX,iOS和WatchOS中每种可能的图标大小:

在图标集创建器中:

  1. 将图像拖到视图中
  2. 选择您的目标平台
  3. 导出图标集文件夹

iconSetCreator

在XCode中:

  1. 导航到Assets.xcassets文件夹
  2. 删除现有的AppIcon
  3. 右键单击-> 将创建的图标集导入AppIcon,就可以完成了


1
当我努力了解企业应用程序的应用程序图标系统时,这对我来说是一笔巨大的财富。不过,值得一提的是,它的工作方式需要一点点的明确。该应用程序没有专门告诉您新生成的图像的保存名称或位置。这是一个iOS应用程序,我花了一段时间才意识到该应用程序创建了一个名为“ iOS”的文件夹,然后将图像保存在另一个名为“ Appicon.appiconset”的文件夹中。准备导入项目时,应选择该文件夹。
Bill Norman

完全节省了我的时间...我在15分钟内完成了所有工作
NduJay

22

为了节省时间:

1)您可以将所有应用程序图标图像标记在finder中,然后将其拖到应用程序图标图像集的一个空插槽中,一次全部拖到资产目录中。当您将鼠标悬停在插槽上时,其他几个插槽看起来已被选中,放下时,所有这些插槽将立即被填满。请注意,这在XCode 8(我还没有尝试过XCode 7)中有效,但是在XCode 9 beta中还没有。

拖入应用程序图标资产目录图像集

2)苹果技术文档站点“ Technical Q&A QA1686”具有一个不错的图像中已经为您计算的每个应用程序图标插槽的大小,并且还包含正确的图像名称约定。

应用程式图示大小


11

正确的大小如下:

1)58x58

2)80x80

3)120x120

4)180x180


10

我使用一个称为Prepo的工具来产生所有合适的图像尺寸。您只需提供图像文件的应用程序,它将使用适当的名称吐出每个必要的文件。

完成此操作后,您可以拖入适当的文件或直接指向Prepo导出的文件夹。


对于最新的Ipad,它不支持167x167图标
Yernar Amergaliyev

导出图像时,它实际上会生成167x167。它只是没有在预览窗口中显示该大小(以及许多其他大小)
tiguchi

8

现在,设置应用程序图标真的很容易,只需转到 https://makeappicon.com/添加您的图像,它们就会向您发送所有尺寸的应用程序图标(还包括手表和iTunes),现在单击资产在项目导航器中选择.xcassets,然后选择AppIcon。现在,您只需要根据需要拖放n图标即可。


5

在左侧列表中,右键单击“ AppIcon”,然后单击“在查找器中打开”,将打开一个名称为“ AppIcon.appiconset”的文件夹。将所有具有所需分辨率的图形粘贴到此处。完成后,所有这些图像将在同一屏幕(屏幕快照中的一个)中可见。然后将它们拖到适当的框中。应用程序图标已添加。启动映像的过程相同。在iOS 7及以下版本中添加了通过此过程启动的图像。对于iOS 8,默认情况下会创建单独的LaunchScreen.xib文件。


5

我找到了名为Iconizer的应用程序。您可以在github上找到存储库。Iconizer可以为OS X,iPad,iPhone,CarPlayApple Watch生成应用程序图标只需一张图像。

只需将图标拖放到Iconizer上,选择所需的平台,以及是否要将所有平台都生成到一个资产目录中,然后单击“导出”即可。

之后,只需在Assets.xcassets中替换(删除并导入)您的AppIcon


2

这是XCode非常令人沮丧的部分。像许多人一样,当我切换到更新版本的xcode(版本8)时,我为此浪费了很多时间。对我来说,解决方案是打开项目的属性,然后在“应用程序图标和启动图像”下为图标选择“迁移”选项。这对我来说绝对没有意义,因为我已经在其中放置了所有图标,但是它起作用了!不幸的是,我现在似乎在项目中有两个启动器图标副本。


这就是我为iOS 11更新一个非常旧的(iOS 3)项目所需要的
Doug Voss

1

根据更新版本(Xcode 8.3.3),我看到AppIcon集合的所有字段都需要以下分辨率。

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

它带有hdpi,xhdpi,xxhdpi等。希望对您有所帮助。

编辑为120x120

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.