Build app icons and launch images

Here's a way to build easily app icons and launch images.

1 — Build your app icon

You have to create an image at 1024*1024px. Fill it with your app main color an place your logo at the center. The size of you logo may be around 66.666% of the image (= 682px).

2 – Build you launch image

Create an image that are 3 times bigger that the logo (= 3072px). Fill it with your app main color an place your previously created app icon image at the center.

3 — Generate the assets for the app icon

Go to http://images.nativescript.rocks and go to the "Launch Icons" tab.

Uncheck the "Create Launch/Splash Screens also", and ensure "Include iOS Contents.json" is set to Yes. Leave the "Splash background color" blank and choose your app icon (Cf part 1). Then click "Go".

4 — Generate the assets for the launch image

Go to http://images.nativescript.rocks and go to the "Splash Screens" tab.

Leave the "Background color" blank, ensure "Include iOS Contents.json" is Yes, and choose your Launch screen image (Cf part 2). Then click "Go". This may take some time.

5 — Put the generated images in the override folder

Unarchive the content of the generated two zip files. Each of these contains an "iOS" and an "Android" folder (these are not on the top-level). Merge these folders based of the name and rename them "ios" and "android" (in lowercase).

Put all content of the "ios" folder in a "ios/appe" folder. Put all content of the "android" folder in a "android/app" folder.

Put the "ios" and the "android" folders in the override of your choice.