iOS APP ICONS Generator

中文文档

Description

ios-icon-generator is a shell script which aim to generate iOS APP icons easier and simply.

VERSION: 1.0.0
USAGE:
    ./ios-icon-generator.sh srcfile dstpath

DESCRIPTION:
    This script aim to generate ios app icons easier and simply.

    srcfile - The source png image. Preferably above 1024x1024
    dstpath - The destination path where the icons generate to.

    This script is depend on ImageMagick. So you must install ImageMagick first
    You can use 'sudo brew install ImageMagick' to install it

AUTHOR:
    Abnerzj

LICENSE:
    This script follow MIT license.

FORMATTER:
    ./ios-icon-generator.sh [1024.png file] [output path]
    
EXAMPLE:
    ./ios-icon-generator.sh 1024.png ~/123

Usage

1. Install ImageMagick

   Before you run this script, please check whether you had install ImageMagick. If you don't have install. Follow this:

sudo brew install ImageMagick

2. Clone And Chmod

git clone https://github.com/Abnerzj/ios-icon-generator
cd ios-icon-generator
sh ios-icon-generator.sh

3. Run

   Before you run this script, please set two parameter. The first parameter is the path of 1024 * 1024 image The second parameter is the export path, it is recommended to use the project's AppIcon.appiconset directory as the export path, so you do not need to go to set a variety of icons in Xcode. Output path ex:~/Desktop/GeneratorIconDemo/Assets.xcassets/AppIcon.appiconset

StarnetdeMacBook-Pro:ios-icon-generator starnet$ ./ios-icon-generator.sh ~/Downloads/1024.png ~/output
[INFO] Generate iTunesArtwork@2x.png ...
[INFO] Generate Icon-Small.png ...
[INFO] Generate Icon-Small@2x.png ...
[INFO] Generate Icon-Small@3x.png ...
[INFO] Generate Icon-Small-40.png ...
[INFO] Generate Icon-Small-40@2x.png ...
[INFO] Generate Icon-Small-40@3x.png ...
[INFO] Generate Icon-60@2x.png ...
[INFO] Generate Icon-60@3x.png ...
[INFO] Generate Icon-76.png ...
[INFO] Generate Icon-76@2x.png ...
[INFO] Generate Icon.png ...
[INFO] Generate Icon@2x.png ...
[INFO] Generate Icon-72.png ...
[INFO] Generate Icon-72@2x.png ...
[INFO] Generate Icon-Small-50.png ...
[INFO] Generate Icon-Small-50@2x.png ...
[INFO] Generate Done.

PS: You can find out the icons in ~/output directory.

Navigation bar items

There is also another shell script ios-navbar-icon-generator.sh to generate navigation bar icons, that works in the same way.

Generic images

With the script os-custom-icon-generator.sh you can generate a set of three images to use in your app (myimg.png, myimg@2.png, myimg@3.png).

Use it in this way ./ios-custom-icon-generator.sh icon-big.png ~/asset_dir 100. The third parameter is the final base size of the image: using 100, your output image.png will be 100x100 px, image@2.png 200x200 and image@3.png 300x300. `

Refer

• App Icons on iPad and iPhone
• iOS Human Interface Guidelines

History

• 1.0.0
  • Generate all size icons for iPhone and iPad.

License

This script follow MIT license.

Contact

If you have any question with using it, you can email to me. My email is: Abnerzj@163.com