iOS8图标大小和图标和启动图像的名称

Question

我找不到具有iOS8尺寸和应用程序图标和启动图像名称的直接网站。

我见过iOS Human Interface Guidelines，但他们并没有真正告诉你如何命名。

有人可以专门列出它们吗？

Answer 1

使用以下脚本自动生成所有必需的图标并启动图像文件（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

Answer 2

如果你想知道不同文件的用途，这里很方便：

• 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://stackoverflow.com/a/27108377/4288147

Answer 3

正如rmaddy提到的，因为Xcode 5 你不需要以任何特定方式命名你的图标。使用App Icon Asset添加图标。

关于图标的尺寸，您还可以在App Icon资源目录中找到它们，但为了方便起见，这里有一个屏幕截图：

我还强烈建议使用此图标模板来创建您的图标，因为一个：它提供了一个可以编辑的精彩psd文件，第二个：它提供了轻松保存您需要的每个图标的操作！ 这是：http://appicontemplate.com

Answer 4

您可以使用任何名称作为图标，因为不需要任何特定名称。要获得具有适当大小的图标，您可以使用以下shell脚本生成它们，而无需任何其他工具：

FILE="largeicon.png"
# iTunes Artwork
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"