When you create any kind of app that will go on Apple’s App Store, they require you to have an icon for your app. Well because of the number of different devices and resolutions out there, you’ll need multiple copies of this icon before submission. This script can do that for you in a few seconds!
What Are the Icons For?
Here is a chart that explains the current icons:
File Name | Size | Device(s) | Purpose |
Icon.png | 57 x 57 | iPhone/iPod Touch | Home Screen App Icon |
Icon@2x.png | 114 x 114 | iPhone/iPod Touch (Retina) | Home Screen App Icon |
Icon-72.png | 72 x 72 | iPad | Home Screen App Icon |
Icon-72@2x.png | 144 x 144 | iPad (Retina) | Home Screen App Icon |
Icon-Small.png | 29 x 29 | iPhone/iPod Touch, iPad | Spotlight Search Results and Settings (Settings for iPad) |
Icon-Small@2x.png | 58 x 58 | iPhone/iPod Touch, iPad (Retina) | Spotlight Search Results and Settings (Settings for iPad) |
Icon-Small-50.png | 50 x 50 | iPad | Spotlight Search Results |
Icon-Small-50@2x.png | 100 x 100 | iPad (Retina) | Spotlight Search Results |
ItunesArtwork (no extension) | 512 x 512 | iPhone/iPod Touch/iPad | App Store |
ItunesArtwork@2x (no extension) | 1024 x 1024 | iPhone/iPod Touch/iPad | App Store (Retina) |
Requirements
In order to do this you’re going to need:
- Photoshop
- A square PNG image 1024×1024 or greater
- The script itself which can be downloaded from here.
Usage
The script itself it just a text file with a funky extension that Adobe products understand. To use this in Photoshop you’re going to want to place it in the Photoshop scripts directory.
On Mac that’s usually located: Applications/Adobe Photoshop CS6/Presets/Scripts (Or whatever your version of Photoshop is)
On Windows that’s usually located at: C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Presets\Scripts
One you place the file here, load up Photoshop and look under “File -> Scripts” and you should see “Create iOS Icons”
Here is a video showing how it works in action:
Final Notes
The original script was created by Matt Di Pasquale who shared it on GitHub 2 years ago. I added some extra checks, a couple missing icons, and the ability to output to a file.
If you find this script useful, please let me know! Feel free to “fork” it, as they say in GitHub land. I’m sure this could also be automated to be part of the Xcode build process as well, but I’ll leave that as a project for another day.