Ionic 2 splash screen and icon

Ionic 2 splash screen and icon

Ionic CLI comes with a command to automatically generate splashscreen and icon with correct dimensions.

Splash screen and icon resources

Open the file resources/splash.png and edit it as you wish. The dimensions are 2208x2208 pixels. The icon is called.. you guessed it.. icon.png and is located in the same folder. The dimensions for the icon is 1024x1024 pixels.

I’m aiming to release Dogwalk quickly, and then update the app functions and look after the app is already published. So I put little effort into the design of the icon and splash screen. They turned out like this:

Ionic 2 dogwalk icon

Ionic 2 dogwalk icon

Ionic 2 dogwalk splash screen

Ionic 2 dogwalk splash screen

Now when the following command is executed Ionic will take care of generating the correct dimensions for the splash screen and icon.

ionic resources

If you run that command without having created a splash screen and icon yourself Ionic will use the default ones.