@smartface/image-processor

You can generate imageset for iOS and drawables for Android

Installation

npm i -g smartface-image-processor

Example Usage.

USAGE: sfImageProcessor [options]

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)

generates image which has same scale or less than given scale

If $(SCALE) value is missing, scale value will be 3x as default

Example Input & Output

srcImage=smartface.png

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

it generates listed images shown in the below.

• /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

it generates listed images shown in the below.

• /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

it generates listed images shown in the below.

• /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

it generates listed images shown in the below.

• /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 true, it deletes them instead of generating.