iOS8图标大小和图标名称以及启动图片

24

我找不到一个直接给出 iOS8 应用程序图标和启动图像名称及其大小的网站。

我看过了iOS 人机界面指南,但它们并没有告诉你该如何命名它们。

有人能具体列出它们吗?


5
不需要特定的名称。使用资源目录来获取图标和启动图像。然后,您只需将正确大小的图像拖放到其位置即可。非常简单。 - rmaddy
iOS HIG中的文档有些令人困惑:“如果您使用静态启动图像,则可以为每个图像指定一个名称,以指定它应如何使用。启动图像文件名的格式包括您用于指定图像的设备、分辨率和方向的修饰符。要了解如何适当地命名启动图像,请参阅iOS应用程序编程指南中的应用程序启动(默认)图像。”(嵌入链接过长无法在评论中显示) - seeker12
请查看此教程:http://www.raywenderlich.com/89816/porting-app-iphone-6-iphone-6-plus-ios-8-top-10-tips - Bobby
4个回答

38
使用以下脚本自动生成所有必要的图标和启动图像文件(适用于iOS 7及以上版本):

http://github.com/spren9er/s9icongen

http://github.com/spren9er/s9splashgen

执行脚本后,所有大小和名称都将显示在控制台中,例如启动图像。
   320x480(2x) ->   640x960: Default@2x~iphone.png
   320x568(2x) ->  640x1136: Default-568h@2x~iphone.png
   375x667(2x) ->  750x1334: Default-667h@2x~iphone.png
   414x736(3x) -> 1242x2208: Default-736h@3x~iphone.png
  768x1024(1x) ->  768x1024: Default-Portrait~ipad.png
  1024x768(1x) ->  1024x768: Default-Landscape~ipad.png
  768x1024(2x) -> 1536x2048: Default-Portrait@2x~ipad.png
  1024x768(2x) -> 2048x1536: Default-Landscape@2x~ipad.png

iPhone 6 Plus 横屏模式呢? - Dmitry
@Altaveron:iPhone有横屏启动图吗?我觉得没有。 - testing
2
是的,它是为iPhone 6 Plus设计的。 - Dmitry
我尝试了这个,但它没有起作用:http://stackoverflow.com/questions/43199231/is-it-okay-to-leave-out-unnecessary-launch-images 有什么想法吗?谢谢。 - Kartick Vaddadi

27

如果您想知道这些不同文件的用途,以下信息可能会对您有所帮助:

  • Default.png(iPhone)
  • Default@2x.png(iPhone Retina 3.5英寸)
  • Default@3x.png(iPhone 6 Plus横屏)
  • Default-568h@2x.png(iPhone Retina 4英寸)
  • Default-667h@2x.png(iPhone 6竖屏)
  • Default-736h@3x.png(iPhone 6 Plus竖屏)
  • Default-Portrait.png(iPad纵向模式)
  • Default-Portrait@2x.png(iPad Retina纵向模式)
  • Default-Portrait@3x.png(iPhone 6 Plus纵向模式)
  • Default-Landscape.png(iPad横向模式)
  • Default-Landscape@2x.png(iPad Retina横向模式)

此外,也可以在stackoverflow的讨论中查看更多信息:https://dev59.com/XG865IYBdhLWcg3wHK7u#27108377


1
错误的:Default-Portrait@3x.png (iPhone 6 Plus 横屏) - Dmitry
我尝试了这个,但它没有起作用:http://stackoverflow.com/questions/43199231/is-it-okay-to-leave-out-unnecessary-launch-images 有什么想法吗?谢谢。 - Kartick Vaddadi

7
如rmaddy所提到的,自从Xcode 5以来,您不需要以任何特定方式命名图标。使用“应用程序图标资产”添加您的图标。
关于您的图标尺寸,您也可以在您的应用程序图标资产目录中找到它们,但为了方便起见,这里是一个屏幕截图:
我还强烈建议使用此图标模板来创建您的图标,因为一:它提供了一个准备编辑的很棒的psd文件,二:它提供了一个轻松保存每个所需图标的操作!
这是它的链接:http://appicontemplate.com

1
你可以在Xcode中打开右侧面板,查看每个图像的预期大小。 - Tim Chen

3
您可以使用任何名称作为图标,因为没有对任何特定名称的要求。为了获得正确大小的图标,您可以使用以下shell脚本生成它们,而不需要任何其他工具:
FILE="largeicon.png"
# iTunes封面
sips --resampleWidth 1024 "${FILE}" --out "iTunesArtwork@2x.png"
sips --resampleWidth 512 "${FILE}" --out "iTunesArtwork.png"
# iPhone iOS 7、8
sips --resampleWidth 58 "${FILE}" --out "icon-iphone-29@2x.png"
sips --resampleWidth 87 "${FILE}" --out "icon-iphone-29@3x.png"
sips --resampleWidth 80 "${FILE}" --out "icon-iphone-40@2x.png"
sips --resampleWidth 120 "${FILE}" --out "icon-iphone-40@3x.png"
sips --resampleWidth 120 "${FILE}" --out "icon-iphone-60@2x.png"
sips --resampleWidth 180 "${FILE}" --out "icon-iphone-60@3x.png"
# iPad iOS 7、8
sips --resampleWidth 29 "${FILE}" --out "icon-ipad-29.png"
sips --resampleWidth 58 "${FILE}" --out "icon-ipad-29@2x.png"
sips --resampleWidth 40 "${FILE}" --out "icon-ipad-40.png"
sips --resampleWidth 80 "${FILE}" --out "icon-ipad-40@2x.png"
sips --resampleWidth 76 "${FILE}" --out "icon-ipad-76.png"
sips --resampleWidth 152 "${FILE}" --out "icon-ipad-76@2x.png"
# Apple Watch
sips --resampleWidth 48 "${FILE}" --out "icon-watch-24@2x.png"
sips --resampleWidth 55 "${FILE}" --out "icon-watch-27p5@2x.png"
sips --resampleWidth 58 "${FILE}" --out "icon-watch-29@2x.png"
sips --resampleWidth 87 "${FILE}" --out "icon-watch-29@3x.png"
sips --resampleWidth 80 "${FILE}" --out "icon-watch-40@2x.png"
sips --resampleWidth 88 "${FILE}" --out "icon-watch-44@2x.png"
sips --resampleWidth 172 "${FILE}" --out "icon-watch-86@2x.png"
sips --resampleWidth 196 "${FILE}" --out "icon-watch-98@2x.png"

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接