I am developing an application using the iOS SDK. I need to know what Default splash screen sizes I need.
What are the sizes used for the iOS application splash screen?
Asked Answered
Just an aside: remember iOS discourages using Splash Screens. Instead use a Launch Image. They are technically the same, but conceptually different. An Splash Screen is usually used as a branding image, while a Launch Screen is a prerendered image of your UI that gives the user the impression the app is loading faster. Check iOS Human Interface Gudelines in this concern –
Tzong
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.
Note that the Default.png is what's used for the iPhone when running the universal application on that device, so it needs to be your standard 320 x 480 or 320 x 460 image. The "not recommended" is only for iPad-only applications. –
Frey
Thanks! I'm now using a Default-Portrait.png with 768w x 1024h this size seems to work too. –
Pyroligneous
My app will by default works in Landscape mode. But how can I specify landscape default image for iPhone? –
Deste
It's worth to note that if you're using localized versions, you need to remove these files from your root folder and put them into your <language>.lproj directory. –
Audrey
very useful! thanks however link to apple developer web should also be part of answer - developer.apple.com/library/ios/DOCUMENTATION/iPhone/Conceptual/… –
Unbend
The link to the blog in the post does not work anymore. The link above to Apple developer web does not work anymore either. –
Saying
Hi guys, I'm the author of the original blog which is long gone and way to old anyway. The Apple documentation now at developer.apple.com/ios/human-interface-guidelines/… gives you the sizes of the screens. Please consider using simple launch storyboards as per Apples recommendations wherever possible as it's far easier that crafting all the pngs. –
Rhyolite
As of July 2013 (iOS 6), this is what we always use:
IPHONE SPLASH
Default.png - 320 x 480
[email protected] - 640 x 960
[email protected] - 640 x 1096 (with status bar)
[email protected] - 640 x 1136 (without status bar)
IPAD SPLASH
iPadImage-Appname-Portrait.png * 768w x 1004h (with status bar)
[email protected] * 1536w x 2008h (with status bar)
iPadImage-Appname-Landscape.png ** 1024w x 748h (with status bar)
[email protected] ** 2048w x 1496h (with status bar)
iPadImage-Appname-Portrait.png * 768w x 1024h (without status bar)
[email protected] * 1536w x 2048h (without status bar)
iPadImage-Appname-Landscape.png ** 1024w x 768h (without status bar)
[email protected] ** 2048w x 1536h (without status bar)
ICON
Appname-29.png
[email protected]
Appname-50.png
[email protected]
Appname-57.png
[email protected]
Appname-72.png
[email protected]
iTunesArtwork (512px x 512px)
iTunesArtwork@2x (1024px x 1024px)
Shouldn't [email protected] be 640 x 1136? –
Blockade
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
Bro, Could you please checkout my question #43956356 ? –
Alee
i wish there was a nice table here with file name and image resolution for each entry, oh and forget iOS 5,6,7. we're in 2017. –
Malissa
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.
So I need 20 different images just for the splash screen? Seriously? –
Alverta
Yes. It is not that hard! Your designer should do it easily. –
Yourself
You can use any online splash screen generator.. so by providing a single image.. it will generate all the required splash of all sizes –
Forsberg
What should be the DPI with this sizes while designing in Photoshop 72 or 300 or any other? –
Giovannigip
@Forsberg which generator can you recommend? Ape tools screws up gradient backgrounds all the time. –
Terisateriyaki
You can make them 1024 x 768. You can also check "Status bar is initially hidden" in the plist file.
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)
iPhone 6+ the resolution is 1242x 2208. [(developer.apple.com/library/ios/documentation/UserExperience/… –
Cl
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 –
Hyetograph
@imti, Could you please check out my question #43956356 bro? –
Alee
@MayPhyu Sorry Bro, I was out of touch for sudden reason. I hope your problem has been sorted out. If It still uncleared, let me know. –
Hyetograph
bro @imti, it's ok bro. It was fixed. But, I have any problem. Could you please help me check this link #44304998 ? –
Alee
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.
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)
[email protected]:
1536 x 2008 (AIR 3.3 and earlier)
1536 x 2048 (AIR 3.4 and higher)
© 2022 - 2024 — McMap. All rights reserved.