iOS应用程序启动画面使用的尺寸是什么?

101

我正在使用iOS SDK进行应用程序开发。我需要知道需要哪些默认闪屏尺寸。


3
顺便提一下:请记住iOS不鼓励使用启动画面(Splash Screens)。相反,使用启动图像(Launch Image)。从技术上讲,它们是相同的,但在概念上有所区别。启动画面通常用作品牌形象,而启动画面是您的 UI 的预渲染图像,使用户产生应用程序加载更快的印象。请参阅此问题的iOS人机界面准则 - Hugo A
10个回答

181

2018年更新-请不要使用这个信息!

下面的帖子仅供参考。

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

谢谢
Drekka


2012年7月 - 由于这个回复相当古老,但似乎仍然很受欢迎。我根据苹果的文档和我的博客文章写了一篇博客文章。希望你们会觉得有用。

是的,在iPhone/iPad开发中,设备会自动显示Default.png文件,因此您无需编程,非常方便。我没有它,但是iPad需要具有特定名称的不同PNG文件。我谷歌搜索了iPad default png并从phunkwerks网站获取了这些信息


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 — 1536w x 2048h
  • iPad-Retina–Landscape.png — 2048w x 1496h
  • Default.png — 不推荐使用

*—如果您没有指定Default-PortraitUpsideDown.png文件,则此文件将优先考虑。

**—如果您没有指定Default-LandscapeLeft.pngDefault-LandscapeRight.png图像文件,则此文件将优先考虑。

这个链接指向“苹果开发者库”,也很有用。


16
请注意,当在iPhone设备上运行通用应用程序时,所使用的是Default.png图像,因此它需要是您标准的320 x 480或320 x 460图像。而“不建议使用”只适用于仅iPad应用程序。 - Brad Larson
2
谢谢!我现在正在使用一个768w x 1024h的Default-Portrait.png,这个尺寸似乎也可以工作。 - powtac
2
值得注意的是,如果您正在使用本地化版本,则需要将这些文件从根文件夹中移除,并将它们放置在您的<language>.lproj目录中。 - Jose Muanis
1
非常有用!谢谢。然而,苹果开发者网站的链接也应该是答案的一部分 - http://developer.apple.com/library/ios/DOCUMENTATION/iPhone/Conceptual/iPhoneOSProgrammingGuide/App-RelatedResources/App-RelatedResources.html#//apple_ref/doc/uid/TP40007072-CH6-SW12 - smile.al.d.way
3
帖子中的博客链接不再可用。上面提供的连接到苹果开发者网站也不再可用。 - physicalattraction
显示剩余2条评论

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和第5代iPod touch:

  • 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) 横屏

兄弟,你能不能帮我看一下这个问题 https://stackoverflow.com/questions/43955856/different-launch-screen-image-or-background-image-sizes-for-ios-devices ? - May Phyu
1
我希望这里有一个漂亮的表格,显示每个条目的文件名和图像分辨率。哦,还有请忘记iOS 5、6、7吧,我们已经到2017年了。 - computingfreak

10

更新2020 - Xcode 11

Xcode 11 中,您只需提供一个包含1x、2x和3x比例的图像,然后在 LaunchScreen.storyboard 中设置它以填满屏幕,一切都会很好!

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

这是 iPhone 11 Pro Max 的竖屏尺寸,也是大尺寸 iPhone 屏幕尺寸,因此可在所有 iOS 设备上提供高质量的启动画面。

更新2019 - iOS 12

我已经收集了启动画面所需的所有尺寸。您只需将具有这些尺寸的图像拖放到 Xcode 中,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 Fahmi
你可以使用任何在线启动画面生成器。只需提供一张图片,它就会生成所有所需尺寸的启动画面。 - kumar
在使用Photoshop进行设计时,这些尺寸应该是72还是300或其他DPI? - Sadhu Harivandandas
@kumar,你能推荐哪个生成器吗?Ape工具总是搞砸渐变背景。 - philk

8

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


3

以下是iphone 6和6+尺寸的分辨率和显示规格:

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

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

iPad Air / Retina iPad (第1代和第2代 / 第3和第4代) - 资产分辨率 (@2x) - 分辨率 (2048 x 1536)像素

iPad Mini (第2代和第3代) - 资产分辨率 (@2x) - 分辨率 (2048 x 1536)像素

iPhone (6, 5S, 5, 5C, 4S, 4) - 应用程序图标 (120x120 像素) - AppStore图标 (1024x1024 像素) - Spotlight (80x80 像素) - 设置 (58x58 像素)

iPhone (6+) - 应用程序图标 (180x180 像素) - AppStore图标 (1024x1024 像素) - Spotlight (120x120 像素) - 设置 (87x87 像素)


iPhone 6+的分辨率为1242x2208。[(https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/LaunchImages.html#//apple_ref/doc/uid/TP40006556-CH22-SW1)] - Sumeet Mourya
对于iPhone 6: 纵向750 x 1334 (@2x) 横向1334 x 750 (@2x)对于iPhone 6 Plus: 纵向1242 x 2208 (@3x) 横向2208 x 1242 (@3x) - imti
@imti,你能不能帮我看一下这个问题 https://stackoverflow.com/questions/43955856/different-launch-screen-image-or-background-image-sizes-for-ios-devices ?谢谢啦! - May Phyu
@MayPhyu 抱歉,兄弟,我因突发原因失去联系了。希望你的问题已经解决了。如果还有疑问,请告诉我。 - imti
兄弟@imti,没事了。问题已经解决了。但是,我还有一个问题。你能帮我检查一下这个链接https://stackoverflow.com/questions/44304498/how-to-set-font-family-to-navigation-controller-title-in-swift吗? - May Phyu

3

针对Xcode 9和最新设备

竖屏

iPhone 4/4S 640 x 960

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

iPhone 6/7/8 750 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


2

1
注意,对于Adobe AIR iOS开发人员,如果您的iPad闪屏图像“移动”或在一秒钟后显示和缩放,则是因为根据您使用的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及更高版本)

Reference:
http://help.adobe.com/en_US/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html#WS901d38e593cd1bac58d08f9112e26606ea8-8000


1

使用通用应用程序时,模拟器中会出现iPad启动画面,但设备上没有。相反,iPad将显示iPhone的Default.png启动画面。虽然存在Default-Landscape.png和Default-Portrait.png文件,但是怎么回事呢?分辨率应该是正确的,因为我使用“窗口|组织者|屏幕截图”创建了屏幕截图,并为iPad使用了“另存为默认图像”,然后只需重命名即可。

结果(至少对于我的一个应用程序而言),这两个iPad屏幕截图必须移动到Resources-iPad目录中。然后一切都正常工作了。现在看来似乎很明显,但以防其他人也因此失眠... -Larry


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