Best image dimensions for iPad Retina?

Audio and Graphics
#1

I was wondering what the best pixel dimensions to opt for when designing primarily for newer iPads. So far I’ve been creating my background images 2048 x 1536 but I’m concerned that they may actually be too large. (Some don’t appear when loaded on to my device) I’ve heard that it may be best to design images at 1024 x 768 and scale up. Is this generally the best thing to do? 

#2

Hi @amy.laura.b,

Images at 1536x2048 (or 2048x1536) should definitely be display on the iPad, since that’s the native resolution of that device. Are those images not appearing on the device? Or are they not appearing on some other device?

Take care,

Brent

#3

Hi Brent!

The main problem I’m having is with a image that is 1536h x 6144w. The user taps to scroll across it. It works fine in the simulator but doesn’t appear on my device (ipad air). Could it be an issue with the file size? Other images on the same page appear fine on the simulator but are in the wrong positions on the ipad. Any idea what the issue could be here?

Thanks :slight_smile:

#4

Hi @amy.laura.b,

Yes, that file is probably beyond the limit of the device’s texture size, which is probably 4096. Can you temporarily try reducing the size of that image to 4096 or less (on the width) and confirm whether it appears on the iPad?

Thanks,

Brent

#5

Yup, the image dimensions were the problem. I changed the max to 4096. Thanks Brent!

#6

Hi @amy.laura.b,

Images at 1536x2048 (or 2048x1536) should definitely be display on the iPad, since that’s the native resolution of that device. Are those images not appearing on the device? Or are they not appearing on some other device?

Take care,

Brent

#7

Hi Brent!

The main problem I’m having is with a image that is 1536h x 6144w. The user taps to scroll across it. It works fine in the simulator but doesn’t appear on my device (ipad air). Could it be an issue with the file size? Other images on the same page appear fine on the simulator but are in the wrong positions on the ipad. Any idea what the issue could be here?

Thanks :slight_smile:

#8

Hi @amy.laura.b,

Yes, that file is probably beyond the limit of the device’s texture size, which is probably 4096. Can you temporarily try reducing the size of that image to 4096 or less (on the width) and confirm whether it appears on the iPad?

Thanks,

Brent

#9

Yup, the image dimensions were the problem. I changed the max to 4096. Thanks Brent!