0
Answered

Image dimensions

Karen DeCrane 6 years ago in By Screen / Design updated by Inna Komarovsky 6 years ago 2
I'm hung up on what dimensions I need to use. Let's take a simple one, iPad Retina vs iPad mini. According to Apple Developer docs, how I set my images depends on how InterAct manages the images - framework vs Cocoas for example. The logical part of me says I should use the exact iPad retina dimensions - 2048 x 1536 x 264 PPI. But if I use half of that for the iPad Mini - 1024 x 768 x 264 Apple will do the @2x files for the Retina automatically. 

So two questions - will doing the 1024 using Interact mean that my full size iPad Retina images will then be blurry? If not - why not? Please explain! Normally you can't take a small image and make it larger without losing definition and sharpness. Is it possible because of the engine behind Interact? 

Second question - what PPI should I use? Standard net based images are generally 72 PPI - that's about all typical monitors can show. But Apple uses a 264 standard and the newer Droids are 300 PPI and even more.

I asked this question in the webinar, but someone came to the door just as it was getting answered so I missed it.

Answer

Answer
Under review
Hi Karen,

The dimensions we prefer are 1024x768 at 72 ppi, because this displays the app at good quality without having the app become too large due to very large image files. 72 ppi is the resolution that has been the standard for on-screen use for a while, and when 72 ppi images are displayed on higher resolution devices the images still look quite crisp. The dimensions of the older iPad were 1024x768, and the newer one has the larger pixel dimensions while maintaining the same screen size. So images with the 1024x768 dimensions look the same on both devices.

To help make a decision, you can make a couple of test apps at different sizes using the images that you plan to use in your app and see which version looks good to you and uses file sizes that you're comfortable with.

I hope this helps!
Inna
Answer
Under review
Hi Karen,

The dimensions we prefer are 1024x768 at 72 ppi, because this displays the app at good quality without having the app become too large due to very large image files. 72 ppi is the resolution that has been the standard for on-screen use for a while, and when 72 ppi images are displayed on higher resolution devices the images still look quite crisp. The dimensions of the older iPad were 1024x768, and the newer one has the larger pixel dimensions while maintaining the same screen size. So images with the 1024x768 dimensions look the same on both devices.

To help make a decision, you can make a couple of test apps at different sizes using the images that you plan to use in your app and see which version looks good to you and uses file sizes that you're comfortable with.

I hope this helps!
Inna