Xcode 7创建正确的应用程序图标图像

时间:2015-10-24 00:47:10

标签: ios iphone xcode

所以我之前就此提出了一个话题,因为它给我带来了很多困惑,而且我确信它已经为很多其他用户所用了。目前我有我的Xcode项目和我的资产管理器随每个项目创建一起提供。默认情况下,AppIcon已存在于此处,看起来有点像......

1st app icon image

你可以看到这个(默认的)AppIcon有3种类型的图标需要加载。目前我有3张图片:

87x87 @ 3x

120x120 @ 3x

和180x180 @ 3x。

我不知道扩展意味着什么(@ 3x位)所以如果有人不介意向我解释这个问题会很好。但回到我遇到的主要问题......

我发现当我去创建一个新的AppIcon时,虽然它没有必要,因为我可以只替换默认创建的旧AppIcon中的图像,但它确实有一个不同的界面,如下所示:

new app icon interface

现在你应该可以看到"插槽"在新的AppIcon是空的,因为我完全不知道我应该提供什么尺寸的图像以及它们应该在这里进入的位置。我也不知道我的图像应该使用什么扩展以及我应该拥有多少扩展。整个过程看起来非常庞大而且非常复杂。我完全混淆了为什么苹果这么低效而且简直令人困惑:/

我一直在看一个看起来很有用的图标生成器(正如我上一个帖子中所推荐的): https://itunes.apple.com/us/app/asset-catalog-creator-app/id809625456?mt=12

我也看过这个,虽然它似乎没什么特别有用的: http://martiancraft.com/blog/2014/09/vector-images-xcode6/

我一直在看这个,但如果我诚实的话,它似乎没有提供太多帮助: https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW2

总结一下......

  1. 应用图标需要什么样的分辨率图像?
  2. 我使用的是哪个AppIcon模板,默认模板还是新创建的模板?
  3. 我的图片需要哪些扩展名? (" @ 2x"," @ 3x"等。)
  4. 扩展意味着什么/做什么?
  5. 无论如何,谢谢!

    -Ryan

    更新1!

    我已经为一个在线工作的应用程序图标生成器提供了一个很棒的链接,它似乎非常快速和非常可靠,任何人都有同样的问题,我建议你尝试一下:) IconMaker

2 个答案:

答案 0 :(得分:1)

较早的问题,但我使用以下shell脚本将PNG转换为不同的图标大小。只需确保输入文件足够大。我使用类似2048x2048的东西,因此它可以生成所有内容。

对于转换命令行工具,首先安装Homebrew:https://brew.sh/

然后通过以下方式安装ImageMagick:

$ brew install imagemagick

如果您愿意,请调整orignew_prefix变量,然后运行脚本。

#!/bin/sh

orig="appicon.png"
new_prefix="appicon_"

iphone_settings="58 87"
iphone_spotlight="80 120"
iphone_app="120 180"

ipad_settings="29 58"
ipad_spotlight="40 80"
ipad_app="76 152"
ipad_pro_app="167"

iphone_ipad_notification="20 40 60"

app_store_icons="512 1024"
launch_icons="640x1136 640x960 320x480 1536x2008 768x1004"

for i in $iphone_settings $iphone_spotlight $iphone_app $ipad_settings $ipad_spotlight $ipad_app $ipad_pro_app $app_store_icons $iphone_ipad_notification; do
    echo "Resizing to $i x $i"
    convert -resize $i $orig ${new_prefix}${i}.png
done

答案 1 :(得分:0)

@ 3x如果是iPhone 6 Plus和iPhone 6s Plus上的新分辨率。

@ 2x用于正常的视网膜分辨率。

它与图像的分辨率有关。图像40x40需要3个文件:

image.png 40x40
image@2x.png 80x80
image@3x.png 120x120

这适用于应用中使用的所有图片,而不仅仅是图标。

你试过这个吗? MakeAppIcon

它非常适合生成图标。