【问题标题】:iOS8 icons sizes and names for icons and launch imageiOS8 图标大小和图标名称和启动图像
【发布时间】:2014-11-19 16:29:12
【问题描述】:

我没有找到包含 iOS8 尺寸和应用图标和启动图像名称的直接网站。

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

谁能具体列出来?

【问题讨论】:

  • 您不需要任何特定的名称。将资产目录用于图标和启动图像。然后,您只需将正确大小的图像拖放到他们的位置。容易。
  • iOS HIG 的文档中令人困惑:“如果您使用静态启动图像,您可以为每个图像指定一个名称,以指定它应该如何使用。启动图像文件名的格式包括用于指定图像的设备、分辨率和方向的修饰符。要了解如何正确命名启动图像,请参阅 iOS 应用程序编程指南 中的应用程序启动(默认)图像。 (嵌入式链接太长,无法评论)
  • 查看本教程:raywenderlich.com/89816/…

标签: ios icons ios8 launchimage


【解决方案1】:

正如 rmaddy 自 Xcode 5 以来提到的那样您不需要以任何特定方式命名您的图标。使用 App Icon Asset 添加您的图标。

关于图标的大小,您还可以在 App Icon Asset Catalog 中找到它们,但为方便起见,这里有一个屏幕截图:

我还强烈推荐使用这个图标模板来创建你的图标,因为一个:它提供了一个很棒的 psd 文件,可以编辑,第二个:它提供了可以轻松保存你需要的每个图标的操作! 这里是:http://appicontemplate.com

【讨论】:

  • 并且可以在Xcode中打开右侧面板查看每张图片的预期尺寸。
【解决方案2】:

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

文件="大图标.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" # 苹果手表 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"

【讨论】:

    【解决方案3】:

    如果您想知道不同文件的用途,这很方便:

    • Default.png (iPhone)
    • Default@2x.png(iPhone 视网膜 3.5 英寸)
    • Default@3x.png(iPhone 6 Plus 横向)
    • Default-568h@2x.png(iPhone 视网膜 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

    【讨论】:

    【解决方案4】:

    使用以下脚本自动生成所有必要的图标和启动图像文件(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 Landscape?
    • @Altaveron:iPhone 有横向启动图片吗?我不这么认为。
    • 是的。适用于 iPhone 6 Plus。
    • 我试过了,但没用:stackoverflow.com/questions/43199231/… 知道为什么吗?谢谢。
    猜你喜欢
    • 2013-09-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多