Complete list of graphics needed for iPhone app submission to the App Store - iphone

Hello wonderful stackoverflowers!
I hope this question is within the scope of this site.
I'm preparing to submit my first iPhone app to the AppStore and I want to make sure that I have all the graphics needed. I also want to make sure that I have the required graphics for the iPad and to be featured (if I get lucky :).
Could we confirm that this list looks correct and comprehensive? Is there anything here in excess or that neeeds to be added? Any warnings or caveats from previous experiences?
Please keep in mind that I am looking for the widest possiblity of distribution.
For the sake of simplicity I'm going to submit everything as a .png. Would that be okay?
If you provide large graphics for the Retina display on the iPhone 4 do you also need to supply the smaller ones? Likewise for the screen shots?
iPhone & iPod touch
1 57px icon
1 29px icon-small
1 114px icon
1 58px icon-small
1 640px x 960px screenshot
1 640px x 960px splash screen (in binary)
iPad
1 72px icon
1 29px icon-small
1 50px icon-small
1 768px x 1024px screenshot
1 768px x 1024px splash screen (in binary)
AppStore
1 512px iTunes Artwork

Below is the resource needed before submitting apps to Apple store.
For Iphone
App Icons (required)
for 1x devices - 57 x 57
for 2x devices - 114 x 114 (including iPhone 5)
Icons for App store, called iTunesArtWork (required)
for 1x devices - 512 x 512
for 2x devices - 1024 x 1024 (including iPhone 5)
Small Icon for spotlight search (recommended)
for 1x devices - 29 x 29
for 2x devices - 58 x 58 (including iPhone 5)
Splash images (**required**)
for 1x devices - 320 x 480
for 2x devices - 640 x 960 (excluding iPhone 5)
for 4'' screen devices (iPhone 5) - 640 x 1136
For iPad
App Icons (required)
for 1x devices - 72 x 72
for 2x devices - 144 x 144
Icons for App store, called iTunesArtWork (required)
for 1x devices - 512 x 512
for 2x devices - 1024 x 1024
Small Icon for spotlight search (recommended)
for 1x devices - 50 x 50
for 2x devices - 100 x 100
Small Icon for settings (recommended)
for 1x devices - 29 x 29
for 2x devices - 58 x 58
Splash images (required)
for 1x devices - 768 x 1004 (portrait)
1024 x 748 (landscape)
for 2x devices - 1536 x 2008(portrait)
- 2046 x 1496(landscape)
See this , this and this if you want to get Apple's take on this.

for iPhone/iPod you needed
-320x480 screen shots
for iPad
-768x1024 screenshots
-512px iTunes Artwork
icon files you don't need to upload while submission they should be in your project.

Related

how/where do Xcode 6 launch screen sizes correspond to Apple docs?

I am sure this info is somewhere but I can't find it, and the Apple Developer hotline seems to have no idea what I'm talking about. In the assets library for launch screen in Xcode, there are slots labeled:
iPhone Portrait ---> Retina HD 5.5 & Retina HD 4.7
iOS8
iPhone Portrait ---> 2x & Retina 4
iOS 7, 8
iPhone Portrait ---> 1x, 2x & Retina 4
iOS 5, 6
I had launch screens prepared and I have the sizes for these individual files, but I don't see how their sizes correspond to these Apple labels within Xcode. Moreover, the Apple docs here (https://developer.apple.com/library/ios/documentation/LanguagesUtilities/Conceptual/iTunesConnect_Guide/Appendices/Properties.html#//apple_ref/doc/uid/TP40011225-CH26-SW1 which is what Apple Developer referred me to) just refer to iphone 6 and 6s sizes, which doesn't correspond to the Xcode label organization.
This seems like it should be a 1 minute query. What am I missing and where is this super basic information?
If you select the image "slot" in the asset catalog and show the Attributes inspector (on the right-hand side), it will show (among other things) "Expected Size" for each image. Doing that, it looks like:
iPhone Portrait iOS8 Retina HD 5.5: 1242 x 2208
iPhone Portrait iOS8 Retina HD 4.7: 750 x 1334
In the Attributes inspector, you can also choose which "slots" you want included via a series of checkboxes.
Documentation-wise, see the Icon and Image Sizes section of the iOS Human Interface Guidelines.
Paraphrasing from there:
iPhone 6 Plus: Use a Launch File
iPhone 6: Use a Launch File
iPhone 5: 640 x 1136
iPhone 4s: 640 x 960
iPad (#2x): 1536 x 2048 (portrait), 2048 x 1536 (landscape)
iPad (#1x): 768 x 1024 (portrait), 1024 x 768 (landscape)
Also see the Launch Images section, which says:
Although it’s best to use a launch file for iPhone 6 and iPhone 6 Plus, you can
instead supply static launch images if necessary. If you need to create static
launch images for these devices, use the following sizes:
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
It's worth noting that if you're only supporting iOS 8, you can just use a launch XIB or Storyboard and you don't need to worry about particular images sizes. The Launch Images section has information on that.
My most recent app update (which is iOS 8 only) is using XIB files (one for iPhone, one for iPad) and it works great.
Retina HD 5.5 - 1242x2208
Retina HD 4.7 - 750x1334
Retina HD 5.5 landscape - 2208x1242
2x - 640x960
Retina 4 - 640x1136
1x - 320x480
default 320x568
default#x2 640x1136

Splash screen (launch image) vs icon for iPhone apps

I understand that the splash screen for iPhone apps is the Default.png. BTW, I am using XCode4 for development.
But the problem is that
when I try to upload the app using the application loader, application loader tells me that Default.png is too big: "icon dimensions don't meet the size requirement [..] 57x57 pixels".
If I would change the dimensions the splash screen will lose resolution, thus not looking good. So how can I differentiate between icon and splash screen so the application loader will not give me an error?
Thank you in advance!
You are mixing up Icon.png and Default.png. Both have to have the designated sizes.
Respectively, 57x57 non-retina, 114x114 retina and 320x480 non-retina, 640x960 retina.
Make sure that you are not specifying any non-standard names for your icon files in your application plist.
Just make two different files with different dimensions and assign them to appropriate places in the target's summery tab as shown in image below
It must be required dimensions as specified in above answer
UPDATED: (on 8 Jan 2014)
the new link for official site is here.
UPDATED: (on 29/04/13)
full DEFAULT image set contains:
- 2048 by 1536 (Retina iPad default, landscape)
- 1536 by 2048 (Retina iPad default, portrait)
- 1136 by 640 (Retina iPhone5 default, landscape)
- 1024 by 768 (iPad default, landscape)
- 960 by 640 (Retina iPhone default, landscape)
- 768 by 1024 (iPad default, portrait)
- 640 by 960 (Retina iPhone default, portrait)
- 640 by 1136 (Retina iPhone5 default, portrait)
- 480 by 320 (iPhone default, landscape)
- 320 by 480 (iPhone default, portrait)
the ultimate and official Apple documentation is available here of it.
ORIGINAL POST:
here is a full list of the icons and images for an universal application to understand how many icons and images would be needed if you want to prepare for your application for everything.
full ICON set contains:
- 1024 by 1024 (Retina iTunes artwork)
- 512 by 512 (iTunes artwork)
- 144 by 144 (Retina iPad icon)
- 114 by 114 (Retina iPhone icon)
- 96 by 96 (Retina iPad Spotlight)
- 72 by 72 (iPad icon)
- 58 by 58 (Retina iPhone Spotlight)
- 57 by 57 (iPhone icon)
- 48 by 48 (iPad Spotlight)
- 29 by 29 (iPhone Spotlight)
full DEFAULT image set contains:
- 2048 by 1536 (Retina iPad default, landscape)
- 1536 by 2048 (Retina iPad default, portrait)
- 1024 by 768 (iPad default, landscape)
- 960 by 640 (Retina iPhone default, landscape)
- 768 by 1024 (iPad default, portrait)
- 640 by 960 (Retina iPhone default, portrait)
- 480 by 320 (iPhone default, landscape)
- 320 by 480 (iPhone default, portrait)

Ideals Resolutions for Images in iPhone/iPad & iPhone(Retina)/iPad(Retina)

Can someone tell me what the ideal resolution for images are for an iPhone/iPad and iPhone(Retina)/iPad(Retina). I have pulled these measurements off of the Apple Website and Wikipedia. See Below:
Regular iPhone 480 x 320 - 163 ppi
iPhone Retina Display 960 x 640 - 326 ppi.
iPad 2: 1024 x 768 - 132 ppi
iPad 3 (retina display): 2048 x 1536 - 264 ppi
Thank you would really appreciate for some assistance!
See this site for great information on designing for the Retina Display.
http://bjango.com/articles/designingforretina/
http://bjango.com/articles/designingforretina2/
Depends on how you are going to use them. But ideally your images would be exactly dimensioned for the displaying you are going to do.
Ideally if you wanted to display an image on an original iphone or iPad then you would have a 100 x 100 image for those devices and provide an "#2x" image that is 200 x 200 for display on the retina devices. if you put the devices up to one another, physically the images may look a bit different sized between the iPhones and the iPads as the DPI is different.
Alternatively you could essentially provide only a 2x image and have the lower end devices downscale the images!
iPhone3 320x480 163 ppi
iPhone4 640×960 326 ppi
iPhone4S 640×960 326 ppi
iPhone5 640×1136 326 ppi
iPad 1024x768 132 ppi
iPad2 1024x768 132 ppi
iPad (3gen) 2048x1536 264 ppi
iPad (4gen) 2048x1536 264 ppi
iPad mini 1024x768 163 ppi

Size of images for iPhone app store

what size should I export my graphics, for use in the example/screenshot section of the app on the app store.
Thanks
You should read the dedicated Apple documentation about the subject that gives every info about the icon sizes
Read this Technical Note too where every icon and artwork sizes are described in detail.
For the screenshots published on the AppStore, simply do a screenshot of your app for this (which will be 640x960px if you make your screenshot from an iPhone with Retina display (iPhone4), and 320x480px for iPhone 3GS or older, etc. Namely the size of the screen in pixels, obviously).
To do those screenshots:
either directly on the device hold the Power+Home buttons together and it will display a small/quick "flash" effect on the screen to tell you the screenshot has been saved in your iPhone library
Or from the Xcode Organizer, after you have plugged the iPhone to your Mac obviously, select the iPhone in the list and in the appropriate section of the organizer, click on the button to generate a screenshot directly from Xcode.
Questions like this are answered in the Developer Guide for iTunes Connect:
https://itunesconnect.apple.com/docs/iTunesConnect_DeveloperGuide.pdf
See pages 13 and 14 for size information.
The best place to look for this currently is on the iTunes Connect Developer Guide under "Adding New Apps":
http://developer.apple.com/library/ios/#documentation/LanguagesUtilities/Conceptual/iTunesConnect_Guide/8_AddingNewApps/AddingNewApps.html#//apple_ref/doc/uid/TP40011225-CH13-SW42
https://help.apple.com/app-store-connect/#/devd274dd925
6.5 inch (iPhone 12 Pro Max, iPhone 11 Pro Max, iPhone 11, iPhone XS Max, iPhone XR)
1284 x 2778 pixels (portrait)
2778 x 1284 pixels (landscape)
5.8 inch (iPhone 12 Pro, iPhone 12, iPhone 12 mini, iPhone 11 Pro, iPhone XS, iPhone X)
1170 x 2532 pixels (portrait)
2532 x 1170 pixels (landscape)
5.5 inch (iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus)
1242 x 2208 pixels (portrait)
2208 x 1242 pixels (landscape)
4.7 inch (iPhone SE (2nd generation), iPhone 8, iPhone 7, iPhone 6s, iPhone 6)
750 x 1334 pixels (portrait)
1334 x 750 pixels (landscape)
4 inch (iPhone SE (1st generation))
640 x 1096 pixels (portrait without status bar)
640 x 1136 pixels (portrait with status bar)
1136 x 600 pixels (landscape without status bar)
1136 x 640 pixels (landscape with status bar)
3.5 inch (iPhone 4s)
640 x 920 pixels (portrait without status bar)
640 x 960 pixels (portrait with status bar)
960 x 600 pixels (landscape (without status bar)
960 x 640 pixels (landscape with status bar)
12.9 inch (iPad Pro (4th generation, 3rd generation))
2048 x 2732 pixels (portrait)
2732 x 2048 pixels (landscape)
12.9 inch (2nd generation iPad Pro)
2048 x 2732 pixels (portrait)
2732 x 2048 pixels (landscape)
11 inch (iPad Pro, 4th generation iPad Air)
1668 x 2388 pixels (portrait)
2388 x 1668 pixels (landscape)
10.5 inch (iPad (8th generation, 7th generation), iPad Pro, iPad Air)
1668 x 2224 pixels (portrait)
2224 x 1668 pixels (landscape)
9.7 inch (iPad, iPad mini)
1536 x 2008 pixels (portrait (without status bar)
1536 x 2048 pixels (portrait with status bar)
2048 x 1496 pixels (landscape without status bar)
2048 x 1536 pixels (landscape with status bar)
Mac
One of the following, with a 16:10 aspect ratio.
1280 x 800 pixels
1440 x 900 pixels
2560 x 1600 pixels
2880 x 1800 pixels
Apple TV
1920 x 1080 pixels
3840 x 2160 pixels
Apple Watch (Series 6, Series 5, Series 4, Series 3, SE)
368 x 448 pixels

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 need.
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 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 — 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