-3

Pleae consider my being very very new to iOS although I am fluent in Android, I have a requirement for one iOS project which we are outsourcing and providing graphics for, actually we are migrating this application from iOS6 to iOS7 so that it works with all the iPhone versions. Ideally what should be the size of graphics? I stumbled upon Here but found it confusing as the list seems to consider only the icons, or maybe I am not able to scour through the information. Can anyone please help me with a tabular format for images with sizes for each of the iOS versions. Or any links or even a hint?

Community
  • 1
  • 1
User3
  • 2,465
  • 8
  • 41
  • 84
  • Please explain the downvote? – User3 Apr 18 '14 at 04:47
  • 1
    This is too vague. What graphics specifically? The sizes of the app icons and launch images are well documented. The Interface Guidelines discusses other icons used for toolbars etc. Anything else is app specific. – rmaddy Apr 18 '14 at 04:47
  • That is exactly I am trying to ask, what should be the size of icons so that it maps to all phones? In android its pretty simple, we have four versions for resolution types and four types for layouts based on screen size, what is the equvalent in iOS? – User3 Apr 18 '14 at 04:48
  • You should find what you're looking for here: https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/AppIcons.html – Petahwil Apr 18 '14 at 04:49
  • 2
    As I said, this is all documented. Have you consulted the Apple docs on the subject? There's no need to post a question here when it is clearly documented. Do a bit of searching. – rmaddy Apr 18 '14 at 04:50
  • I did, but as I said I am very new to iOS so probably making sense out of that is rocket science, I dont even know where the navigator is. The sole purpose to post it here was to get a short and precise answer. – User3 Apr 18 '14 at 04:50
  • I have been [Here](https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html) but it does not say anything about iOS7, neither the 3.5 and 4 inch variation, add to that the retina and non retina variation. – User3 Apr 18 '14 at 04:51

1 Answers1

7

I used this to determine the sizes of images for iOS specific apps.

http://www.appcoda.com/ios-univeral-app-tutorial/

Screen sizes (and thus bg image sizes) should be as follows

for non-retina iPhone (320×480)
for retina iPhone 4 and 4S (640×960)
for retina iPhone 5 (640×1136)
for non-retina iPad (1024×768)
for retina iPad (2048×1536)

Icon sizes should be as follows

for non-retina iPhone – 57×57 pixels for iOS 6 or lower, 60×60 pixels for iOS 7
for retina iPhone – 114×114 pixels for iOS 6 or lower, 120×120 pixels for iOS 7
for non-retina iPad – 72×72 pixels for iOS 6 or lower, 76×76 pixels for iOS 7
for retina iPad – 144×144 pixels for iOS 6 or lower, 156×156 pixels for iOS 7

To fulfill the requirements of universal app, other than launch images and app icons, you also need to create two different sets of application images – one version for iPhone and the other larger version for iPad. To be precise, you need to create four different versions of application images.

You should take a look at the link above to determine how exactly these images should be named and the appropriate sizes for each resolution. Naming images properly and allowing the OS to automatically select the proper one is also possible, and is discussed in detail here

How to support both iPad and iPhone retina graphics in universal apps

Community
  • 1
  • 1
remudada
  • 3,751
  • 2
  • 33
  • 60
  • Thanks a lot mate, does this map to every iOS device ever manufactured? – User3 Apr 18 '14 at 04:53
  • Absolutely! Every device ever manufactured. People sometimes assume that the iPad Mini is a separate device, but screen is equivalent to non-retina ipad. – remudada Apr 18 '14 at 04:55