Create Every iOS Icon For Your App With a Photoshop Script

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)

Mac OS Photoshop Script Location

On Windows that’s usually located at: C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Presets\Scripts

Windows Photoshop Script Location

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. 😉


2 Comments → “Create Every iOS Icon For Your App With a Photoshop Script”


  1. Alex

    2 years ago

    Thanks a million! Saved me many clicks and renames!

    Reply

  2. Tonni

    2 months ago

    Great! but cut anyone create a JSX file for the new sizes, that will help me a lot. Thanks

    Reply

Leave a Reply

Follow us!

Twitter RSS Feed
Read previous post:
App.net Logo
The Excitement of App.net

If you're immersed in the online social media world enough, you might have heard of "App.net" or at least scrolled...

Close