【问题标题】:iOS how to set app icon and launch imagesiOS如何设置应用程序图标和启动图像
【发布时间】:2015-03-26 01:41:00
【问题描述】:

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

所以第一个说29pt,然后它也说2x。那么我是放29x29 图像还是58x58 图像?我把所有其他的放在哪里? (我知道有比294060 更多的尺寸。

无论如何,我尝试将29x29 png 拖到第一个插槽,将40x40 拖到第二个插槽,将60x60 拖到第三和第四个插槽。当我去Product->Archive时,我得到了

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

【问题讨论】:

  • 选择 appicon 并点击属性检查器,它还显示 1x 所需的尺寸为 29x29,2x 为 58x58 等
  • 您可以使用本网站制作所有应用图标makeappicon.com
  • 为什么我们不能只在 Xcode 本身中执行此操作?没有特殊的应用程序或网站。只有一张大图,那太容易了,不是吗。这就是我在 Unity 中的做法
  • 似乎图像太靠近图标中的白色背景边缘,有没有办法使图像更小但保持所需的相同像素与像素的比例?这是在使用 makeappicon.com 之后
  • iOS 13 中不再使用它。已弃用。

标签: ios xcode icons archive launchimage


【解决方案1】:

我最近在App Store 中发现了这个名为 Icon Set Creator 的应用程序,它是免费的,没有广告,更新了新的变化,直接并且适用于 OSX 中所有可能的图标大小, iOS 和 WatchOS:

在图标集创建器中:

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

在 XCode 中:

  1. 导航到 Assets.xcassets 文件夹
  2. 删除预先存在的 AppIcon
  3. 右击->导入你创建的图标集为AppIcon然后你就完成了

【讨论】:

  • 当我努力理解企业应用程序的应用程序图标系统时,这对我来说是一笔巨大的财富。不过,值得一提的是,稍微清楚一下它是如何工作的。该应用程序没有具体告诉您保存新生成图像的名称或位置。这是一个 iOS 应用程序,我花了一段时间才意识到该应用程序创建了一个名为“iOS”的文件夹,然后将图像保存在另一个名为“Appicon.appiconset”的文件夹中。准备好导入项目时,您应该选择这个文件夹。
  • 完全节省了我的时间...我在 15 分钟内完成了所有工作
  • 很棒的应用程序。通过应用内购买,为作者做一个坚实的“给他买杯咖啡”。
  • 我浪费了 2 天。这个工具救了我
【解决方案2】:

更新:除非您喜欢一一调整图标大小,否则请查看Schmoudi's answer。简单多了。

图标大小

上图来自Designing for iOS 9。他们是same for iOS 10

如何设置应用图标

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

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

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

如何制作合适尺寸的图片

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

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

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

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

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

启动图片

虽然您可以将图像用于启动屏幕,但请考虑使用启动屏幕故事板文件。这将方便地调整每个尺寸和方向的大小。查看this SO answer 或以下文档以获取相关帮助。

有用的文档

本文中的 Xcode 图像是使用 Xcode 7 创建的。

【讨论】:

  • 对我来说,在 XCode 7.2 中,XCode 不允许您将图像拖到这些框中。你能帮我解决这个问题吗?
  • @ahitt6345:我用 Xcode 7.2 再次测试了它,它仍然有效。打开 Finder 并在您拥有它们的任何文件夹中找到您的图像。然后将它们拖到 Xcode 中正确的应用程序图标集位置,如上所示。如果您的图像格式错误,则可能无法正常工作。使用 .png 格式。
  • 它们是.png格式的,我试过拖拽一次还是不行。
  • @ahitt6345,查看this YouTube video tutorial。看到它在行动中完成可能会有所帮助。
  • 我在拖动它们时也遇到了问题,直到我更改了 png 的格式以匹配我拖动它的位置。这是 Xcode 8.3
【解决方案3】:

为了节省一点时间:

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

2) "Technical Q&A QA1686" Apple 文档网站已为您计算好每个应用图标槽的大小,并包含正确的图像名称约定。

【讨论】:

    【解决方案4】:

    正确的尺寸如下:

    1)58x58

    2)80x80

    3)120x120

    4)180x180

    【讨论】:

      【解决方案5】:

      我已经尝试了上述大部分方法和其他一些方法,发现 https://appicon.co 是最简单、最快且提供最全面的集合。

      1. 将图像拖到屏幕上
      2. 点击生成
      3. 打开刚刚下载到“下载”文件夹的文件

      在这里,您可以将整个文件夹拖到 Xcode 中。如果没有:

      1. 双击 Assets.xcassets 文件夹
      2. 选择所有文件
      3. 将它们拖到 Assets.xcassets
      4. 将其重命名为 AppIcon

      【讨论】:

      • 步骤 4-7 现在在 Xcode 13 中有点不同:下载的文件夹名为 AppIcons,里面是名为 Assets.xcassets 的文件夹,里面是文件夹 AppIcon.appiconset,将这个文件夹拖到你的项目的 Assets.xcassets 文件夹并同意“替换”。
      • 谢谢!
      【解决方案6】:

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

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

      【讨论】:

      • 最新 Ipad 不支持 167x167 图标
      • 当您导出图像时,它实际上会生成 167x167。它只是没有在预览窗口中显示该尺寸(以及许多其他尺寸)
      【解决方案7】:

      现在设置app-icon真的很容易,去 https://makeappicon.com/ 添加您的图片,他们将向您发送所有大小的 App-icon(也适用于 watch 和 itunes),现在单击 Project navigator 中的 Assets.xcassets,然后选择 AppIcon。现在您只需根据需要拖放图标即可。

      【讨论】:

        【解决方案8】:

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

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

        之后,只需在 Assets.xcassets

        中替换(删除和导入)您的 AppIcon

        【讨论】:

        • 我试过了,导出的1024px的图片比原图大,颜色不好。
        【解决方案9】:

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

        【讨论】:

          【解决方案10】:

          我非常喜欢 Jordi Bruin 制作的这款应用,名为 Bakery

          它允许表情符号和 SFSymbols 用于快速原型制作(在这种情况下不适用于 App Store!)

          只需将您的设计拖放到应用程序中,然后再次拖放到资产目录中,无需手动填写所有尺寸。

          【讨论】:

            【解决方案11】:

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

            【讨论】:

            • 这是我为 iOS 11 更新一个非常老的 (iOS 3) 项目所需要的。
            【解决方案12】:

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

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

            它带有 hdpi、xhdpi、xxhdpi 等。 希望对其他人有所帮助。

            编辑为 120x120

            【讨论】:

              【解决方案13】:

              您无需调整大小或执行任何操作即可轻松完成此操作,只需在应用商店图标生成器网站上选择您的图标 https://getappscreenshots.com/app-icon-generator 它将生成所有必需的文件和所有图标大小,因此您只需复制文件并粘贴到项目文件夹中即可!

              【讨论】:

                猜你喜欢
                • 1970-01-01
                • 2013-10-07
                • 1970-01-01
                • 1970-01-01
                • 2011-11-03
                • 2013-09-17
                • 1970-01-01
                • 2013-09-08
                • 2013-10-22
                相关资源
                最近更新 更多