Skip to content

Latest commit

 

History

History
105 lines (72 loc) · 1.75 KB

README.md

File metadata and controls

105 lines (72 loc) · 1.75 KB

iOS-icon-generator

Generate multiple size of icons for iPhone (4s - 11 / 11pro) and iPad app from an image. Launch image is also supported.

  • Icon: app, tabbar, toolbar, navigation bar
  • launch images

Usage

  1. Install Node.js v6.x - v10.x

  2. Install GraphicsMagick

     brew install graphicsmagick
    
  3. Clone this app

     git clone https://github.com/sl2/gulp-iOS-icon-generator.git
     cd gulp-iOS-icon-generator
     npm install
    
  4. Put an app icon into ./src/appicons.

    • Format : PNG
    • Size : 1024 x 1024 is recommended
  5. Put tabbar icons into ./src/tabbars

    • Format : PNG
    • Size : 3x (75 x 75) is recommended
  6. Put toolbar and navigationbar icons into ./src/toolbars

    • Format : PNG
    • Size : 3x (66 x 66) is recommended
  7. Put a launch image into ./src/launchimages

    • Format : PNG
    • Size : 2028 x 2028 is recommended
  8. Execute gulp

     npx gulp
    
  9. Check under the ./dist directory

    • ./dist/appicons
      • icon images for settings, spotlight, app and portrait
    • ./dist/tabbars
      • 1x, 2x and 3x images
    • ./dist/toolbars
      • 1x, 2x and 3x images
    • ./dist/launchimages
      • launch images for iOS and iPad

Output Icons

App icons

  • Settings
  • Spotlight
  • App
  • Portrait for App Store

Tab bar icons

  • 1x icons
  • 2x icons
  • 3x icons

Toolbar icons / Navigation bar icons

  • 1x icons
  • 2x icons
  • 3x icons

Launch images (portrait only)

  • iPhone 4s
  • iPhone 5
  • iPhone 6
  • iPhone 6 Plus
  • iPhone 7
  • iPhone 7 Plus
  • iPhone 8
  • iPhone 8 Plus
  • iPhone SE
  • iPhone X / XS
  • iPhone XR
  • iPhone XS Max
  • iPhone 11
  • iPhone 11 Pro
  • iPad mini
  • iPad
  • iPad mini (Retina)
  • iPad (Retina)
  • iPad Pro

LICENSE

MIT LICENSE