DPS iOS Image Generation

The process to get an App accepted by the Apple Store involves a lot of precision. One step is to ensure the correct images are included. A Photoshop script is available to help you generate the necessary images, with the exact dimensions and names, required by the AEM Mobile Signing Tool.

Prerequisite

In order to use this script you must have Photoshop installed.

Obtaining The Script

  1. Download the PhotoShop iOS script. The download is available from here:

    Download

  2. The script needs to be renamed to have the JSX extension. Rename PhotoShopIOSAppImages.txt to PhotoShopIOSAppImages.jsx.

  3. Finally, copy PhotoShopIOSAppImages.jsx to a location that you can remember.

    Note:

    To have the script automatically display in the Photoshop menu and not have to browse for it, place it in Photoshop’s “Scripts” folder (Presets\Scripts).

Usage Instructions

  1. Start with a 1024px by 1024px image. It will be resized down to 20px by 20px, so a lot of detail may not be desired.

  2. Load the original 1024px square image into Photoshop and ensure it is the active window.

  3. In Photoshop, select File -> Scripts -> Browse...

  4. In the file chooser, select PhotoShopIOSAppImages.jsx.

  5. The following dialog will appear:

    screen_shot_2018-08-23at105122am
  6. Click Generate Images.

  7. The script will create a folder called iOSAppImages where the original 1024px image is located (if the subfolder does not already exist).

  8. The script will create the necessary images for an iOS App.  As of August 2018, that list includes 18 images, as follows:

    Name (png)

    Dimensions (pixels)

    Scale

    Size

    Device

    20 X 20

    20 by 20

    1X

    20x20

    iPad

    40 X 40

    40 by 40

    2X

    20x20

    iPhone

    40 X 40-1

    40 by 40

    2X

    20x20

    iPad

    40 X 40-2

    40 by 40

    1X

    40x40

    iPad

    58 X 58

    58 by 58

    2X

    29x29

    iPhone

    58 X 58-1

    58 by 58

    2X

    29x29

    iPad

    60 X 60

    60 by 60

    3X

    20x20

    iPhone

    76 X 76

    76 by 76

    1X

    76x76

    iPad

    80 X 80

    80 by 80

    2X

    40x40

    iPhone

    80 X 80-1

    80 by 80

    2X

    40x40

    iPad

    87 X 87

    87 by 87

    3X

    29x29

    iPhone

    120 X 120

    120 by 120

    3X

    40x40

    iPhone

    120 X 120-1

    120 by 120

    2X

    60x60

    iPhone

    152 X 152

    152 by 152

    2X

    76x76

    iPad

    167 X 167

    167 by 167

    2X

    83.5x83.5

    iPad

    180 X 180

    180 by 180

    3X

    60x60

    iPhone

    1024 X 1024

    1024 by 1024

    1X

    1024x1024

    ios-marketing

    Icon-Small

    29 by 29

    1X

    29x29

    iPad

  9. When the script is complete, a dialog indicates how many images were created and the location of the new images.

    Note:

    Existing images will not be overwritten.

    screen_shot_2018-08-23at111113am
  10. If you decide to overwrite some images with others, be sure the name and the dimensions are exactly the same as the image you are replacing. Apple requires identical names and dimensions for images.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy