I am wondering regarding iOS development if it is a good idea to have 3 image sizes in the following resolution for full screen size. So the sizes should be: iPhone 1x (320x480) iPhone 2x (750x1334) iPhone R4 (640x1136) iPhone 3x (1242x2208)?
Right now, we don't have the resource to make an image for every screen size. Is this an overall good idea?
Edit: This is going to be a login view controller. The background image will look like similar to this http://assets.materialup.com/uploads/4c98fa96-8bc8-406a-8fc7-d451897a1a37/launch-screen.jpg.
By full view do you mean the Launch File? If so at the bottom of this page iOS Human Interface Guide Apple shows these sizes which seem to be the same as yours.
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
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
Apple does not provide a clear list for image file size I should use for:
retina hd 5.5 portrait ios 8,9
retinia hd 5.5 portrait ios 8,9
retinia hd 5.5 landscape ios 8,9
iphone portrait ios 2x 7-9
iphone portrait ios retina 4 7-9
ipad portrait ios 1x 7-9
ipad portrait ios 2x 7-9
ipad landscape ios 1x 7-9
ipad landscape ios 2x 7-9
etc.
As I intend to use swift I can only suppose ios7+ that means I can ignore all he other sizes for ios5+6. Is that correct?
(One could also go LaunchScreen.storyboard solution, but that has higher iOS requirements so for now it seems better to include launch images.)
How to solve the issue of creating all launch images in correct dimensions?
Note to those who put this question on hold:
I originally asked if anyone knew of a list with specifications. Apparently that was why you closed the answer 3 years later after I posted it. But in essence this question is and was a programming question regarding Apple API specifications with precise answers possible. It is not a question seeking opinion based answers.
For anyone finding this now i've created a list to simply explain what each of Apple's somewhat confusing names actually mean.
iPhone Portrait iOS 8,9
Retina HD 5.5 (iPhone 6 Plus) - 1242px x 2208px - Default-736h#3x.png
Retina HD 4.7 (iPhone 6) - 750px x 1334px - Default-667h#2x.png
iPhone Landscape iOS 8,9
Retina HD 5.5 (iPhone 6 Plus) - 2208px x 1242px - Default-Landscape-736h#3x.png
iPhone Portrait iOS 7-9
2x (iPhone 4) - 640px x 960px - Default#2x.png
Retina 4 (iPhone 5) - 640px x 1136px - Default-568h#2x.png
iPhone Portrait iOS 5,6
1x (iPhone 3) - 320px x 480px - Default.png
2x (iPhone 4) - 640px x 960px - Default#2x.png
Retina 4 (iPhone 5) - 640px x 1136px - Default-568h#2x.png
New Dimensions table for Xcode Version 9.0
iPhone X Portrait iOS 11+
iPhone X : 1125x2436px
iPhone X Landscape iOS 11+
iPhone X : 2436x1125px
iPhone Portrait iOS 8.9
Retina HD 5.5 : 1242x2208px
Retina HD 4.7 : 750x1334px
iPhone Landscape iOS 8.9
Retina HD 5.5 : 2208x1242px
iPhone Portrait 7-9
2x : 640x960px
Retina 4 : 640x1136px
iPad Portrait 7-9
1x ; 768x1024px
2x : 1536x2048px
iPad Landscape iOS 7-9
1x : 1024x768px
2x : 2048x1536px
iPhone Portrait 5,6
1x : 320x480px
2x : 640x960
Retina 4 : 640x1136px
iPad Portrait Without Status Bar iOS 5,6
1x : 768x1004px
2x : 1536x2008px
iPad Portrait 5,6
1x : 768x1024px
2x : 1536x2048px
iPad Landscape Without Status Bar iOS 5,6
1x : 1024x748px
2x : 2048x1496px
iPad Landscape 5,6
1x : 1024x768px
2x : 2048x1536px
Although not pretty I use this quick way
1. Create a new LaunchImage and drop any file onto each box
2. Build it , it will fail or have some warnings
3. Click on the "Show Report navigator" and you'll see the sizes/names for each
4. On your image editor resize the image to the proper sizes/names and overwrite to
the respective file as reported in 3. each file is on
<proj dir>/Assets.xcassets/LaunchImage.launchImage
Do the same for icons and don't look back
I use a LaunchImage set. Click Images.xcassets from the files list. In the next column to the right, you may need to use the "+" button to add AppIcon and LaunchImages image sets. These will have slots for every supported (expected) screen size. If you use these sets, you don't have to worry about encrypting your image files with Apple's indecipherable naming scheme, you just drag each image file to the corresponding slot in the set.
Of course, one still has to know the actual dimensions associated with 1x, 2x, retina4, Retina 4.7, Retina 5.5, etc. I'd certainly prefer Xcode to just show the required dimensions of each image, but it doesn't. Barring that, I'd love a single table from Apple listing all the expected dimensions, but that doesn't seem to exist, either. It looks like Apple has, thankfully, consolidated all of this information in the https://developer.apple.com/ios/human-interface-guidelines/graphics/launch-screen/ under the "Graphics" section. Specifically, as of this writing for devices supported on IOS10:
Device Portrait size Landscape size
iPhone 6s Plus, iPhone 6 Plus 1080px by 1920px 1920px by 1080px
iPhone 6s, iPhone 6 750px by 1334px 1334px by 750px
iPhone SE 640px by 1136px 1136px by 640px
12.9-inch iPad Pro 2048px by 2732px 2732px by 2048px
9.7-inch iPad Pro, iPad Air 2,
iPad mini 4, iPad mini 2 1536px by 2048px 2048px by 1536px
As with the other answers I use an Asset Catalog and simply drop files into the LaunchImage slots in the Asset Catalog in Xcode. Then I find my app in the Products Group of the Xcode Navigator (tall pane on the left) and Show in Finder. Any copy of your app package will do. Then I Show Package Contents on my app and all the LaunchImage*.png files are there. I just added a portrait launch image for the iPhone X. To see the names and sizes of the immages I navigated to the package in Terminal and ran the file command on the LaunchImage*.png files.
% file LaunchImage*.png
LaunchImage-1100-2436h#3x.png: PNG image data, 1125 x 2436, 8-bit/color RGB, non-interlaced
LaunchImage-700-568h#2x.png: PNG image data, 640 x 1136, 8-bit/color RGB, non-interlaced
LaunchImage-700-Landscape#2x~ipad.png: PNG image data, 2048 x 1536, 8-bit/color RGB, non-interlaced
LaunchImage-700-Landscape~ipad.png: PNG image data, 1024 x 768, 8-bit/color RGB, non-interlaced
LaunchImage-700-Portrait#2x~ipad.png: PNG image data, 1536 x 2048, 8-bit/color RGB, non-interlaced
LaunchImage-700-Portrait~ipad.png: PNG image data, 768 x 1024, 8-bit/color RGB, non-interlaced
LaunchImage-700#2x.png: PNG image data, 640 x 960, 8-bit/color RGB, non-interlaced
LaunchImage-800-667h#2x.png: PNG image data, 750 x 1334, 8-bit/color RGB, non-interlaced
LaunchImage-800-Portrait-736h#3x.png: PNG image data, 1242 x 2208, 8-bit/color RGB, non-interlaced
I was dealing with a similar issue to adapt to new iPhone X new screen size and came across this link
It helped me, maybe it will help someone else
It's so confusing. Can anyone align the sizes along with the names. Is there a link.
So far I have only this from the other list that seems at all helpful.
The dimensions themselves are helpful only 1/2 way. We need to be able to associate it to the referencing png.
Here's what I have so far, but it's far from complete. Is there a complete list:
iPhone Portrait iOS 8,9
Retina HD 5.5 (iPhone 6 Plus) - 1242px x 2208px - Default-736h#3x.png
Retina HD 4.7 (iPhone 6) - 750px x 1334px - Default-667h#2x.png
iPhone Landscape iOS 8,9
Retina HD 5.5 (iPhone 6 Plus) - 2208px x 1242px - Default-Landscape-736h#3x.png
iPhone Portrait iOS 7-9
2x (iPhone 4) - 640px x 960px - Default#2x.png
Retina 4 (iPhone 5) - 640px x 1136px - Default-568h#2x.png
iPhone Portrait iOS 5,6
1x (iPhone 3) - 320px x 480px - Default.png
2x (iPhone 4) - 640px x 960px - Default#2x.png
Retina 4 (iPhone 5) - 640px x 1136px - Default-568h#2x.png
Launch image for the iPhone Portrait Mode
iPhone X Portrait iOS 11+ (image size 1125 × 2436 pixels)
Retina HD 5.5″ (image size 1242 × 2208 pixels)
Retina HD 4.7″ (image size 750 × 1334 pixels)
iPhone Portrait 2x (image size 640 × 960 pixels)
iPhone Retina 4 (image size 640 × 1136 pixels)
For background images you will need 4 sizes to support the above devices in portrait orientation. They can be stored in whatever folder in your project that you are keeping standard images in. The sizes needed are as follows…
• 640 x 960 (iPhone 4s)
• 640 x 1136 (iPhone 5s)
• 750 x 1334 (iPhone 6)
• 1242 x 2208 (iPhone 6 Plus)
• 1125 × 2436 (iPhone X)
On iTunesConnect, I submitted scaled app screenshots for the iPhone 6, iPhone 5, and the iPhone 4s. However, when I view the app on the App Store, I only see the 4s screenshots regardless of what device I am using (I have physical access to all three devices). These screenshots are not simply in-app screenshots, they have been formatted to show the app running on the physical device itself so the difference is notable. I have experienced this problem on both of my app submissions, is there anyway this can be remedied?
Are you sure you uploaded the correct image size for each dimensions respectively? Not sure what do you mean by scaled app screenshots. I've uploaded different set of images for 4.7inch, 5.5inch, 4inch, 3.5inch,iPad without any issues. For your case you need to submit for 4.7inch, 4 inch and 3.5 inch. Please refer to this guide for the correct image dimension:
Apple docs
Long answer:
3.5-Inch Retina Display Screenshots (required)
Don't include the device status bar in your screenshots. Screenshot requirements are:
72 dpi, RGB, flattened, no transparency
High-quality JPEG or PNG image file format
Any of the following sizes:
640 x 920 pixels for hi-res portrait (without status bar) minimum
640 x 960 pixels for hi-res portrait (full screen) maximum
960 x 600 pixels for hi-res landscape (without status bar) minimum
960 x 640 pixels for hi-res landscape (full screen) maximum
4-Inch Retina Display Screenshots (Required)
Don't include the device status bar in your screenshots. Screenshot requirements are:
72 dpi, RGB, flattened, no transparency
High-quality JPEG or PNG image file format
Any of the following sizes:
640 x 1096 pixels for portrait (without status bar) minimum
640 x 1136 pixels for portrait (full screen) maximum
1136 x 600 pixels for landscape (without status bar) minimum
1136 x 640 pixels for landscape (full screen) minimum
4.7-inch Retina screenshot
Don't include the device status bar in your screenshots. Screenshot requirements are:
72 dpi, RGB, flattened, no transparency
High-quality JPEG or PNG image file format
750 x 1334 pixels for hi-res portrait
1334 x 750 pixels for hi-res landscape
What size of image I need to have if I want to use it as background to full screen?
1.png 320 - 568 points non retina
1#2x.png 640 - 1126 points retina
Am I right? Or what size are correct?
You could use the size of the splash screen images for your views too, making your app iOS 7 forward compatible.
For iPhone 5 and iPod touch (5th generation):
640 x 1136 pixels
For other iPhone and iPod touch devices:
640 x 960 pixels (retina)
320 x 480 pixels (standard resolution)
It depends on what device you're targeting. If you looking at just the iPhone 5/5s then you're spot on. If you're also taking into account everything below the iPhone 5, then you will also need
320x480 (non retina)
640x960 (retina)
So it just depends on the devices you're supporting. There are loads of resources on the net about these things. Also bear in mind that the background size will be different depending on what components you use, such as navigation bars and tab bars. And also if you're supporting iOS 7 then the status bar is transparent, where as on iOS 6 and below, you don't need to provide the background for that (so the above dimensions are actually correct for iOS 7 but not exactly right for iOS 6)
The problem is that the launch image I have set up isn't showing up I speculate its because its dimension are for portrait but since its landscape based it isn't showing up and I have set up all my launch images correctly on the asset catalog now the thing is I don't know if I'm supposed to set it up as portrait under Deployment info and later then coding for it to once it has completely launched and loaded to stay in landscape and not rotate to portrait I notice that on my asset catalog I don't have an image with the dimensions 320x480 it never asked me for it you know how it has slots well in my project it never gave me one pertaining such dimensions (320x480) it only had two slots for iPhone portrait which were "#2x" (640x960) and "R4" (640 x1136)
Update
I tried changing the dimension from 640x960 to 960x640 but I got an error as soon as I added to the catalog because those weren't the right dimensions
More Details : apple doc
portrait only available in xcode for launch image but you can customize your image. create image landscape mode the portrait size through attached to xcode. it's works perfectly and display image as landscape
Create launch images in different sizes for different devices. Launch images for all devices must include the status bar region. 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)
If at all you still want to view the splash screen in landscape mode you have to design the image in such a way as we cannot change the behavior of the splash screen.
Instead of designing the image as 640x960, design it as 960x640 and your problem will get solved.
Edit:
This is sample splash image in portrait dimension but designed in landscape view
All the best.
The iPhone only uses ONE launch image -- portrait
only the iPad supports orientations during launch
what many do:
have no launch image
make sure applicationDidFinishLaunching returns as soon as possible(!)
show your own splash screen view
do your real loading only THEN
I was going to comment on #Warrior's answer but StackOverflow won't let me.
You shouldn't need to specify an iPhone 5 optimised image (I haven't for my app and it works), although if this is a new app I would recommend it.
Are you running it on an iOS 7 device?
I have noticed that Xcode allows you to add a 1x and 2x image specific to iOS 5 & 6 devices.
Otherwise all I can suggest is checking your dimensions (it must be a portrait sized image 640x960px) and be placed in the '2x' slot) and also make sure your info plist is pointing to the correct location.
Then as others have suggested, all you need to do to get a landscape image is have artwork that is rotated 90 degrees when your image is portrait.
The screen size and Icon size for iOS.
ICONS (iPhone and iPad)
29 x 29pt (1x and 2x)
40 x 40pt (1x and 2x)
50 x 50pt (1x and 2x)
57 x 57pt (1x and 2x)
60 x 60pt (2x)
72 x 72pt (1x and 2x)
76 x 76pt (1x and 2x)
NOTE: 2x is double the size of 1x images
SCREEN SIZE
iPhone 4s and earlier (3.5 inch)
320 x 480 pts
Retina
640 x 960 pts
iPhone 5 (4 inch)
320 x 568 pts
retina
640 x 1136 pixels
iPad protrait
768 x 1004
retina
1536 x 2008
iPad Landscape
1024 x 748
retina
2048 x 1496
OTHER IMAGE SLICING
All image slicing requires both 1x and 2x to work perfectly for retina and non retina displays.
NOTE: 2x is double the size of 1x images.
Normally you add both a portrait and landscape image to the asset catalog and the device chooses which one to use based on the current device orientation.
If your app only supports landscape then you only need to provide a landscape image, as long as you set the "Device Orientation" in your info plist to be "Landscape Left" and "Landscape Right" ONLY.
In that case, the user will always be presented with a landscape launch image and this will indicate to them that they need to rotate their device.
- Anthony