Size, resolution and PPI
What size (pixels) and PPI my images should be for full background?
iPad 4 for example has retina display:
- 2048-by-1536 resolution at 264 pixels per inch (ppi)
Mostly asking for the PPI, should it be 72 or can it be higher?
Antwoord
You can change the size of your app in the app properties (the blue cube on the top panel of Design Mode), and selecting iPad 4 should get rid of the error. We usually recommend using the lower resolution of 72 ppi and building for the 1024x768 size if the app will be for the iPad (this is the default size when you open InteractBuilder) because images at 72 ppi look very crisp, and higher resolutions will only make the file size a lot larger, which can always make an app take longer to download.
You can change the size of your app in the app properties (the blue cube on the top panel of Design Mode), and selecting iPad 4 should get rid of the error. We usually recommend using the lower resolution of 72 ppi and building for the 1024x768 size if the app will be for the iPad (this is the default size when you open InteractBuilder) because images at 72 ppi look very crisp, and higher resolutions will only make the file size a lot larger, which can always make an app take longer to download.
"You can change the size of your app in the app properties (the blue cube on the top panel of Design Mode), and selecting iPad 4 should get rid of the error. We usually recommend using the lower resolution of 72 ppi and building for the 1024x768 size if the app will be for the iPad (this is the default size when you open InteractBuilder) because images at 72 ppi look very crisp, and higher resolutions will only make the file size a lot larger, which can always make an app take longer to download."
Keep in mind if you do decide to use the higher resolution setup which you can do following the directions above, when the app is published for non retina iPad's it will still work well because we will proportionally resize all the graphics to fit the non retina screens.
So it's completely up to you what resolution/PPI to use. It's a balance between keeping things as small as possible for the user but also making sure that you are not sacrificing any quality. At the end of the day, the InteractBuilder provides you the options to develop however you prefer. We are all about choices!
"You can change the size of your app in the app properties (the blue cube on the top panel of Design Mode), and selecting iPad 4 should get rid of the error. We usually recommend using the lower resolution of 72 ppi and building for the 1024x768 size if the app will be for the iPad (this is the default size when you open InteractBuilder) because images at 72 ppi look very crisp, and higher resolutions will only make the file size a lot larger, which can always make an app take longer to download."
Keep in mind if you do decide to use the higher resolution setup which you can do following the directions above, when the app is published for non retina iPad's it will still work well because we will proportionally resize all the graphics to fit the non retina screens.
So it's completely up to you what resolution/PPI to use. It's a balance between keeping things as small as possible for the user but also making sure that you are not sacrificing any quality. At the end of the day, the InteractBuilder provides you the options to develop however you prefer. We are all about choices!
Here is a photo showing where you can change the size of the app:
Will the file size be twice as large if using 2048 x 1536? Seems like it would be safer to go large for future applications. Isn't it easy to convert to 1024 x 768? Or would the file still be larger than if you start with 1024 x 768?
I'm curious about 264 ppi. Is that the standard for the retina ipads? Do you need all of those? 2048 x 1536 and 264 ppi?
Thanks!!!
Hi Melissa, the images will still look very good when viewed to devices with resolution higher then 72ppi. Also the files will still be large unless you do a separate set of files for the other resolution.
Thanks for the info. I don't quite follow though.
Why will the files still be large? Wouldn't it convert just like the conversion from ipad to iphone?
For example if you have the images 1024x768 and you change the resolution of the app to 2048x1536 the images in the app folder will remain 1024x768, but on the screen the images will be 2048x1536.
I'm curious about the opposite. If you upload the images at 2048x1536 to the builder and then convert it to 1024x768, wouldn't the file sizes reduce like they would if you are converting from 1024x768 to iphone size?
Why would you change the resolution from 1024x768 to 2048x1536 in the builder? Do you have to have the 2048x1536 for retina displays?
Thanks for being patient with me:)
Even if you upload the images at 2048x1536 and then convert them in the builder , the result will be the same meaning the app size will be the same. That is because in the app folder the image will remain at 2048x1536. It will affect the app from the visual point of view and not from the app size point of view.
I didn't realize that. Is that the case for all other conversions as well, to iphone, etc?
Customer support service by UserEcho
"You can change the size of your app in the app properties (the blue cube on the top panel of Design Mode), and selecting iPad 4 should get rid of the error. We usually recommend using the lower resolution of 72 ppi and building for the 1024x768 size if the app will be for the iPad (this is the default size when you open InteractBuilder) because images at 72 ppi look very crisp, and higher resolutions will only make the file size a lot larger, which can always make an app take longer to download."
Keep in mind if you do decide to use the higher resolution setup which you can do following the directions above, when the app is published for non retina iPad's it will still work well because we will proportionally resize all the graphics to fit the non retina screens.
So it's completely up to you what resolution/PPI to use. It's a balance between keeping things as small as possible for the user but also making sure that you are not sacrificing any quality. At the end of the day, the InteractBuilder provides you the options to develop however you prefer. We are all about choices!
Here is a photo showing where you can change the size of the app: