How Should I Handle Content Scaling for Bigger iPads?

edmoyse · August 31, 2016, 5:44pm

Here’s my config.lua file:

application =&nbsp; { content =&nbsp; &nbsp; { width = 320, &nbsp; height = 480, &nbsp; scale = "letterbox", &nbsp; xAlign = "center", &nbsp; yAlign = "top", fps = 30, &nbsp; &nbsp; imageSuffix =&nbsp; &nbsp; &nbsp; { &nbsp; ["@2x"] = 1.5, &nbsp; ["@4x"] = 3.5, } } }

The iPad Pro is 2048 x 2732, and the iPad Air 2 is 1536 x 2048. Both are bigger than my @4x images.

Taking one of my background images as an example - background.png is 360 x 570. background@4x.png is 1440 x 2280.

What’s best practice when it comes to the larger iPads? Adding in a set of @6x images seems like it would increase the bundle size of the app by quite a lot - and I can’t see this in the docs anywhere either.

Thanks in advance!

rob · September 2, 2016, 12:02am

The 1440x2280 is big enough for Retina iPads. There will be a little up sizing, but if you expect that to be your main platform and with the higher resolution phones, you could start at 2432 x 1536 as your @4x background and size down from there. As for the Pro, 2048 isn’t a good multiple of any other screen size. Its like 5.3333x. But you could use @6x and make them 1.5x bigger on each side.

Rob

edmoyse · September 8, 2016, 2:02pm

Ok - thanks Rob. I’d like to support Retina iPads and the Pro, but my app is really targeted at phones.

Am I right in thinking it’s best practice to keep the images at their current sizes (background@4x.png being 1440 x 2280) - the sacrifice being a little upsizing in order to keep the final bundle file size lower?

rob · September 2, 2016, 12:02am

The 1440x2280 is big enough for Retina iPads. There will be a little up sizing, but if you expect that to be your main platform and with the higher resolution phones, you could start at 2432 x 1536 as your @4x background and size down from there. As for the Pro, 2048 isn’t a good multiple of any other screen size. Its like 5.3333x. But you could use @6x and make them 1.5x bigger on each side.

Rob

edmoyse · September 8, 2016, 2:02pm

Ok - thanks Rob. I’d like to support Retina iPads and the Pro, but my app is really targeted at phones.

Am I right in thinking it’s best practice to keep the images at their current sizes (background@4x.png being 1440 x 2280) - the sacrifice being a little upsizing in order to keep the final bundle file size lower?