What are the sizes used for the iOS application splash screen?
I am developing an application using the iOS SDK. I need to know what Default
splash screen sizes I n开发者_如何学运维eed.
2018 Update - Please don't use this info !
I'm leaving the below post for reference purposes.
Please read Apple's documentation Human Interface Guidelines - Launch Screens for details on launch screens and recommendations.
Thanks
Drekka
July 2012 - As this reply is rather old, but stills seems popular. I've written a blog post based on Apple's doco and placed it on my blog. I hope you guys find it useful.
Yes. In iPhone/iPad development the Default.png
file is displayed by the device automatically so you don't have to program it which is really useful. I don't have it with me, but you need different PNGs for the iPad with specific names. I googled iPad default png
and got this info from the phunkwerks site:
iPad Launch Image Orientations
To deal with various orientation options, a new naming convention has been created for iPad launch images. The screen size of the iPad is 768×1024, notice in the dimensions that follow the height takes into account a 20 pixel status bar.
Filename Dimensions
Default-Portrait.png
* — 768w x 1024hDefault-PortraitUpsideDown.png
— 768w x 1024hDefault-Landscape.png
** — 1024w x 748hDefault-LandscapeLeft.png
— 1024w x 748hDefault-LandscapeRight.png
— 1024w x 748hiPad-Retina–Portrait.png
— 1536w x 2048hiPad-Retina–Landscape.png
— 2048w x 1496hDefault.png
— Not recommended
*—If you have not specified a Default-PortraitUpsideDown.png
file, this file will take precedence.
**—If you have not specified a Default-LandscapeLeft.png
or Default-LandscapeRight.png
image file, this file will take precedence.
This link to "Apple's Developer Library" is useful, too.
As of July 2013 (iOS 6), this is what we always use:
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)
For iOS7 create launch images in the following sizes:
For iPhone 5 and iPod touch (5th generation):
- 640 x 1136 pixels
For other iPhone and iPod touch devices:
- 640 x 960 pixels
- 320 x 480 pixels (standard resolution)
For iPad portrait:
- 1536 x 2048 pixels
- 768 x 1024 pixels (standard resolution)
For iPad landscape:
- 2048 x 1536 pixels
- 1024 x 768 pixels (standard resolution)
See iOS 7 Design Resources > iOS Human Interface Guidelines > Launch Images
UPDATE 1
For iPhone 6:
- 750 x 1334 (@2x) for portrait
- 1334 x 750 (@2x) for landscape
For iPhone 6 Plus:
- 1242 x 2208 (@3x) for portrait
- 2208 x 1242 (@3x) for landscape
UPDATE 2
For iPhone X:
- 1125 x 2436 (@3x) for portrait
- 2436 x 1125 (@3x) for landscape
You can make them 1024 x 768. You can also check "Status bar is initially hidden" in the plist file.
Update 2020 - Xcode 11
In Xcode 11
, you can provide only one image with 1x, 2x, and 3x scales then set it in LaunchScreen.storyboard
to fill up the screen and everything goes well!
For Example: (1242pt x 2688pt @1x)
This is the portrait screen size of iPhone 11 Pro Max
which is the large iPhone screen size yet so it will give you high-quality splash screen on all iOS devices.
Update 2019 - iOS 12
I have collected all sizes needed for the splash screen. All u need is to just drag images with these sizes and drop them, Xcode will place each size in the right place.
Good luck.
Sizes :
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
Note
Count of required images are 26 images but there are 6 duplicated sizes so u will find the above sizes are only 20.
Here I can add Resolutions and Display Specifications for iphone 6 & 6+ size:
iPhone 6+ - Asset Resolution (@3x) - Resolution (2208 x 1242)px
iPhone 6 - Asset Resolution (@2x) - Resolution (1334 x 750)px
iPad Air / Retina iPad (1st & 2nd Generation / 3rd & 4th) - Asset Resolution (@2x) - Resolution (2048 x 1536)px
iPad Mini (2nd & 3rd Generation) - Asset Resolution (@2x) - Resolution (2048 x 1536)px
iPhone (6, 5S, 5, 5C, 4S, 4) - App Icon (120x120 px) - AppStore Icon (1024x1024 px) - Spotlight (80x80 px) - Settings (58x58 px)
iPhone (6+) - App Icon (180x180 px) - AppStore Icon (1024x1024 px) - Spotlight (120x120 px) - Settings (87x87 px)
For Xcode 9 and latest devices
Portrait
iPhone 4/4S 640 x 960
iPhone 5/5C/5S iPod touch 5th generation 640 x 1136
iPhone 6/7/8 750 x 1334
iPhone 6/7/8 Plus 1242 x 2208
iPhone X 1125 x 2436
iPad non-retina 768 x 1024
iPad retina 1536 x 2048
Landscape
iPhone 6, 7 and 8 plus 2208 x 1242
iPhone X 2436 x 1125
iPad non-retina 1024 x 768
iPad retina 2048 x 1536
With iOS 7+, static Launch Images are now deprecated.
You should create a custom view that composes slices of images, which sizes to all screens like a normal UIViewController view.
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/LaunchImages.html
With universal app I had iPad splash screen showing up in simulator but not on device. The iPad would instead show the Default.png splash for the iPhone. The Default-Landscape.png and Default-Portrait.png files existing, so wth? Resolution should be correct since I created the screen captures using Window | Organizer | Screenshots and used 'Save as Default Image' for the iPad, then just renamed it.
Turns out (from my one app anyways) the two iPad screen shots have to be moved to the Resources-iPad directory. Then it all works fine. Seems obvious now, but in case anyone else has lost sleep over this... -Larry
For Adobe AIR iOS Developers, take note that if your iPad Splash images "shift" or display and scale a second later, it's because there are different dimensions depending on what version of AIR you're using.
Default-Portrait.png:
768 x 1004 (AIR 3.3 and earlier)
768 x 1024 (AIR 3.4 and higher)
Default-Portrait@2x.png:
1536 x 2008 (AIR 3.3 and earlier)
1536 x 2048 (AIR 3.4 and higher)
Reference:
http://help.adobe.com/en_US/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html#WS901d38e593cd1bac58d08f9112e26606ea8-8000
精彩评论