placing images that work on multiple platforms

Hi, I’m wondering what the best method is for placing images that would work for multiple platforms. I have an image that is the screen aspect ratio of an iPad which is the squarest format among the devices (4x3). I want the same image to work on the iPhone which has a wider format. When I place my image in the app, when I run the iPad version on the simulator, it works fine but if I switch to iPhone there is a letterbox on the sides since the image seems to be stretched in height. What’s the best way to adjust for the various formats? Should I just build a different version of the app for every different device or is there a better way? [import]uid: 112953 topic_id: 21762 reply_id: 321762[/import]

Hey there, take a look at this blog post; http://blog.anscamobile.com/2011/01/dynamic-image-resolution-made-easy/

It should help clear things up for you.

Peach :slight_smile: [import]uid: 52491 topic_id: 21762 reply_id: 86424[/import]

Thanks for the quick response, Peach! That article helped a lot. I was mostly wondering how I could get images to show up correctly depending on the aspect ratio of the device , since UI elements were getting cut off but found out I could query the current width and height of the device through display.viewableContentWidth and display.viewableContentHeight and am now using that for placement on the screen. Thanks a bunch! [import]uid: 112953 topic_id: 21762 reply_id: 86512[/import]

No worries, good luck with your project :slight_smile: [import]uid: 52491 topic_id: 21762 reply_id: 86556[/import]