Follow

Updates to iOS Assets

With the addition of new iOS devices on the market, asset creation now needs to account for new sizes. We should now supply or request the following:

  • Non-retina (1x)
  • Retina (2x)
  • Retina HD (3x)

Refer to the iOS HIG guidelines link for dimensions.

This is a great article to help understand the rendering across iPhones
http://www.paintcodeapp.com/news/iphone-6-screens-demystified

It explains how the iPhone 6 Plus samples down for display. The physical screen size of iPhone 6 plus is 1920x1080 but the launch assets need to be 1242x2208 and 2208x1242.

Launch Images

!! Note: The importance of setting the right launch images or the app will run in a scaling mode.

We need to ensure all required launch images are supplied in any of our Xcode 6 builds (pocs, projects, testing).

Scaling mode can cause the app to scale up to the device or to render the app views smaller with letterboxing. The latter is visually obvious but the former isn't - the tell tale signs are:

1) The battery bar will enlarge slightly compared to outside the app you're in
2) The launch image won't display when you open the app - black screen briefly

If your app is in a scale mode you may experience bugs and issues like the one reported here: https://kaldorgroup.jira.com/browse/PP-557 - these are Apple bugs and not something we can fix. Setting the right launch images resolves it.

See: Apple Docs on Launch Images

A set of launch images provided here.

 

For iPhone 6 - uses Retina HD 4.7 slot:

  • 750 x 1334 (@2x) for portrait
  • no landscape

For iPhone 6 Plus - uses Retina HD 5.5 slot:

  • 1242 x 2208 (@3x) for portrait
  • 2208 x 1242 (@3x) for landscape

For iPhone 5 - uses Retina 4 slot:

  • 640 x 1136 for portrait
  • no landscape

For iPhone 4S - uses 2x slot

  • 640 x 960 for portrait
  • no landscape

iPad and iPad mini - uses @2x slots

  • 1536 x 2048 (portrait) 
  • 2048 x 1536 (landscape)

iPad 2 and iPad mini - uses @1x slots

  • 768 x 1024 (portrait) 
  • 1024 x 768 (landscape) 
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk