The Images Grid (Working with the Images Grid) is arranged according to image name and screen size. Each row in the grid represents an image. You can upload several instances of an image, to correspond to different screen sizes. Each instance of the image used should therefore be sized (in advance) to achieve the best resolution on the target device.

When multiple instances of an image are used, each instance needs to have the same filename (e.g., ImageA.jpg). The directory containing the images therefore needs to be set up according to screen sizes. All the images relevant to a certain screen size should be placed in a single folder that is named according to that size. In the example below, the instance of ImageA.jpg appropriate for the iPhone 3 is placed in the Screen 320x480 folder, the instance of ImageA.jpg appropriate for the iPad 3 is placed in the Screen 2048x153 folder, and so on.

Compressing each folder as a .zip file enables you to upload multiple images to the server simultaneously. Verify that all the images inside the file are intended for the same screen resolution.