@smartface/image-processor

image-processor ·

Generates imagesets for iOS and drawables for Android

Installation

npm i -g @smartface/image-processor

Usage

sfImageProcessor  --srcImage [IMAGE-PATH] --destiOSFolder [DEST_IOS_FOLDER] --destAndroidFolder [DEST_ANDROID_FOLDER]

--srcImage         : must be absolute path (required)
--destiOSFolder    : must be absolute path (required)
--destAndroidFolder: must be absolute path (required)
--scaleFactor      : scale factor of given 'srcImage' float value ( 1.5, 3) (optional)
--delete           : flag -> delete images from 'destiOSFolder' and 'destAndroidFolder' (optional)

Description

• parse srcImage
  • image(.$(OS))(.$(SCALE)).png
• generate images by $(OS) and $(SCALE)

Default $(SCALE) is 3x

Examples

srcImage=smartface.png

sfImageProcessor --srcImage=/images/smartface.png --destAndroidFolder=/android --destiOSFolder=/ios

Generates:

• /ios/smartface.imageset
  • smartface.png
  • [e-mail]
  • [e-mail]
• /android/drawable-mdpi/smartface.png
• /android/drawable-hdpi/smartface.png
• /android/drawable-xhdpi/smartface.png
• /android/drawable-xxhdpi/smartface.png

srcImage=smartface.ios.png

sfImageProcessor --srcImage=/images/smartface.ios.png --destAndroidFolder=/android --destiOSFolder=/ios

Generates:

• /ios/smartface.imageset
  • Contents.json
  • smartface.png
  • [e-mail]
  • [e-mail]

srcImage=smartface.ios.2x.png

sfImageProcessor --srcImage=/images/smartface.ios.2x.png --destAndroidFolder=/android --destiOSFolder=/ios

Generates:

• /ios/smartface.imageset
  • Contents.json
  • smartface.png
  • [e-mail]

srcImage=smartface.android.4x.png

sfImageProcessor --srcImage=/images/smartface.android.4x.png --destAndroidFolder=/android --destiOSFolder=/ios

Generates:

• /android/drawable-mdpi/smartface.png
• /android/drawable-hdpi/smartface.png
• /android/drawable-xhdpi/smartface.png
• /android/drawable-xxhdpi/smartface.png
• /android/drawable-xxxhdpi/smartface.png

Note

If --delete flag is set, deletes generated images.