iOS应用程序初始屏幕使用什么尺寸?


96

我正在使用iOS SDK开发应用程序。我需要知道我需要什么Default初始屏幕尺寸。


2
撇开一点:记住,iOS不建议使用启动画面。而是使用启动映像。它们在技术上是相同的,但在概念上是不同的。初始屏幕通常用作品牌形象,而启动屏幕是用户界面的预渲染图像,使用户印象深刻,即应用程序加载速度更快。检查iOS Human Interface Gudelines在这个问题上
Hugo

Answers:


179

2018更新-请不要使用此信息!

我将以下帖子留作参考。

请阅读苹果的文档《人机界面指南-启动屏幕》,以获取启动屏幕和建议的详细信息。

由于
Drekka


2012年7月-由于此回复比较陈旧,但仍然很受欢迎。我写了一篇基于Apple doco的博客文章,并将其放在我的博客上。我希望你们觉得它有用。

是。在iPhone / iPad开发中Default.png,设备会自动显示文件,因此您无需进行编程,这真的很有用。我没有,但您需要使用特定名称的iPad使用不同的PNG。我在phunkwerks网站上搜索iPad default png并获得了以下信息


iPad启动图像方向

为了处理各种方向选项,已经为iPad启动图像创建了新的命名约定。iPad的屏幕尺寸为768×1024,请注意,高度旁边的尺寸考虑了20像素状态栏。

文件名尺寸

  • Default-Portrait.png * — 768w x 1024h
  • Default-PortraitUpsideDown.png — 768w x 1024h
  • Default-Landscape.png **-1024w x 748h
  • Default-LandscapeLeft.png — 1024w x 748h
  • Default-LandscapeRight.png — 1024w x 748h
  • iPad-Retina–Portrait.png — 1536宽x 2048小时
  • iPad-Retina–Landscape.png — 2048w x 1496h
  • Default.png - 不建议

*-如果未指定Default-PortraitUpsideDown.png文件,则该文件优先。

**-如果您未指定Default-LandscapeLeft.pngDefault-LandscapeRight.png图像文件,则该文件优先。

指向“ Apple开发人员库”的链接也很有用。


16
请注意,Default.png是在该设备上运行通用应用程序时用于iPhone的内容,因此它必须是您的标准320 x 480或320 x 460图像。“不推荐”仅适用于仅iPad的应用程序。
布拉德·拉尔森

2
谢谢!我现在使用的是768w x 1024h的Default-Portrait.png,这个大小似乎也可以使用。
powtac

1
默认情况下,我的应用程序将在横向模式下工作。但是,如何为iPhone指定横向默认图像?
萨蒂扬2010年

2
值得注意的是,如果您使用的是本地化版本,则需要从根文件夹中删除这些文件,并将它们放入<language> .lproj目录中。
Jose Muanis 2011年

3
帖子中指向博客的链接不再起作用。上面指向Apple开发人员网站的链接也不再起作用。
物理

31

截至2013年7月(iOS 6),这是我们一直使用的方式:

IPHONE SPLASH 
Default.png - 320 x 480
Default@2x.png - 640 x 960 
Default-568h@2x.png - 640 x 1096 (with status bar)
Default-568h@2x.png - 640 x 1136 (without status bar)

IPAD SPLASH 
iPadImage-Appname-Portrait.png * 768w x 1004h (with status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2008h (with status bar)
iPadImage-Appname-Landscape.png ** 1024w x 748h (with status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1496h (with status bar)

iPadImage-Appname-Portrait.png * 768w x 1024h (without status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2048h (without status bar)
iPadImage-Appname-Landscape.png ** 1024w x 768h (without status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1536h (without status bar)

ICON
Appname-29.png
Appname-29@2x.png
Appname-50.png
Appname-50@2x.png
Appname-57.png
Appname-57@2x.png
Appname-72.png
Appname-72@2x.png
iTunesArtwork (512px x 512px)
iTunesArtwork@2x (1024px x 1024px)

4
Default-568h@2x.png不应为640 x 1136吗?
UXUiOS

16

对于iOS7,请创建以下尺寸的启动图像:

对于iPhone 5和iPod touch(第5代):

  • 640 x 1136像素

对于其他iPhone和iPod touch设备:

  • 640 x 960像素
  • 320 x 480像素(标准分辨率)

对于iPad人像:

  • 1536 x 2048像素
  • 768 x 1024像素(标准分辨率)

对于iPad横向:

  • 2048 x 1536像素
  • 1024 x 768像素(标准分辨率)

请参阅iOS 7设计资源> iOS人机界面指南>启动图像

更新1

对于iPhone 6:

  • 纵向750 x 1334(@ 2x)
  • 横向1334 x 750(@ 2x)

对于iPhone 6 Plus:

  • 1242 x 2208(@ 3x)纵向
  • 横向2208 x 1242(@ 3x)

更新2

对于iPhone X:

  • 纵向1125 x 2436(@ 3x)
  • 横向2436 x 1125(@ 3x)

兄弟,能否请您检查我的问题stackoverflow.com/questions/43955856/…
May Phyu

1
我希望这里有一个漂亮的表格,其中包含每个条目的文件名和图像分辨率,哦,忘了iOS 5,6,7。我们在2017
computingfreak

8

您可以将它们设置为1024 x768。还可以在plist文件中选中“状态栏最初处于隐藏状态”。


5

更新2020-Xcode 11

在中Xcode 11,您只能提供一张具有1x,2x和3x缩放比例的图像,然后将其设置LaunchScreen.storyboard为填满屏幕,一切正常!

例如:(1242pt x 2688pt @ 1x)

这是纵向屏幕尺寸,iPhone 11 Pro Max这是iPhone的大屏幕尺寸,因此它将为您提供所有iOS设备上的高质量初始屏幕。

更新2019-iOS 12

我已经收集了启动画面所需的所有尺寸。您只需要拖动具有这些尺寸的图像并将其放下,Xcode就会将每个尺寸放置在正确的位置。

祝好运。

尺码

320×480

640×960

640×1136

750×1334

768×1004

768×1024

828×1792

1024×748

1024×768

1125×2436

1242×2208

1242×2688

1536×2008

1536×2048

1792×828

2048×1496

2048×1536

2208×1242

2436×1125

2688×1242

注意

所需图像数为26张图像,但是有6个重复的尺寸,因此您会发现上述尺寸只有20个。


所以我只需要20个不同的图像来显示初始屏幕?认真吗
Tejas K

是。并不难!您的设计师应该轻松做到这一点。
Essam Mohamed Fahmi

您可以使用任何在线启动画面生成器..因此,通过提供单个图像..它会生成所有所需大小的所有启动画面
kumar

3

在这里,我可以为iPhone 6和6+尺寸添加分辨率和显示规格:

iPhone 6+-资产分辨率(@ 3x)-分辨率(2208 x 1242)px

iPhone 6-资产分辨率(@ 2x)-分辨率(1334 x 750)px

iPad Air / Retina iPad(第一代和第二代/第三代和第四代)-资产分辨率(@ 2x)-分辨率(2048 x 1536)px

iPad Mini(第二代和第三代)-资产分辨率(@ 2x)-分辨率(2048 x 1536)px

iPhone(6、5S,5、5C,4S,4)-应用图标(120x120像素)-应用商店图标(1024x1024像素)-聚光灯(80x80像素)-设置(58x58像素)

iPhone(6+)-应用程序图标(180x180 px)-应用程序商店图标(1024x1024 px)-聚光灯(120x120 px)-设置(87x87 px)



对于iPhone 6:纵向750 x 1334(@ 2x),横向1334 x 750(@ 2x)对于iPhone 6 Plus:纵向1224 x 2208(@ 3x),横向2208 x 1242(@ 3x)
1224

@imti,请问我的问题stackoverflow.com/questions/43955856/… 兄弟?
May Phyu

@MayPhyu对不起,兄弟,由于突然的原因我失去了联系。希望您的问题得到解决。如果仍然不清楚,请通知我。
imti

兄弟@imti,好的,兄弟。它是固定的。但是,我有任何问题。您能帮我检查一下此链接吗 stackoverflow.com/questions/44304498/… 吗?
日5月Phyu,

3

对于Xcode 9和最新设备

肖像

iPhone 4 / 4S 640 x 960

iPhone 5 / 5C / 5S iPod touch第五代640 x 1136

iPhone 6/7/8 7 50 x 1334

iPhone 6/7/8 Plus 1242 x 2208

iPhone X 1125 x 2436

iPad非视网膜768 x 1024

iPad视网膜1536 x 2048

景观

iPhone 6、7和8 plus 2208 x 1242

iPhone X 2436 x 1125

iPad非视网膜 1024 x 768

iPad视网膜2048 x 1536



1

使用通用应用程序时,我在模拟器中显示了iPad启动画面,但没有在设备上显示。iPad会显示iPhone的Default.png启动画面。存在Default-Landscape.png和Default-Portrait.png文件,所以呢?分辨率应该是正确的,因为我使用Window | 主办单位| 截图并在iPad上使用“另存为默认图像”,然后将其重命名。

事实证明(无论如何从我的一个应用程序中),两个iPad屏幕截图必须移到Resources-iPad目录。然后一切正常。现在似乎很明显,但是万一其他人为此失去了睡眠...-拉里


1

对于Adobe AIR iOS开发人员,请注意,如果iPad Splash图像“移位”或稍后显示并缩放,这是因为根据您使用的AIR版本不同,尺寸会有所不同。

Default-Portrait.png:
768 x 1004(AIR 3.3和更低版本)
768 x 1024(AIR 3.4和更高版本)

Default-Portrait@2x.png:
1536 x 2008(AIR 3.3及更低版本)
1536 x 2048(AIR 3.4及更高版本)

参考:http :
//help.adobe.com/zh_CN/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html#WS901d38e593cd1bac58d08f9112e26606ea8-8000

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.