Ionic Splash Screens and Icons

Search…

Creating Splash Screens and Icons for your Ionic app

Splash Screen and App Icons
Support for splash screen and icon generation is now available in Capacitor. For complete details, see the Resource Generator documentation.
This tool will crop and resize JPEG and PNG source images to generate icons and splash screens for modern iOS, Android, and Windows. cordova-res was developed for use with Cordova, but Capacitor and other native runtimes are supported.
First, install cordova-res globally.
1
$ npm install -g cordova-res
Copied!
cordova-res expects a Cordova-like structure such as: 
1
resources/
2
├── android
3
|   ├── icon-background.png
4
|   └── icon-foreground.png
5
├── icon.png
6
└── splash.png
7
config.xml
Copied!
Place one icon and one splash screen file in a top-level resources folder within your project.
resources/icon.(png|jpg) must be at least 1024×1024px
resources/splash.(png|jpg) must be at least 2732×2732px
config.xml is optional. If present, the generated images are registered accordingly
Now, run the following commands to generate all images and to copy the generated resources into the native projects:
1
$ cordova-res ios --skip-config --copy
2
$ cordova-res android --skip-config --copy
Copied!
Please check the Capacitor official docs for more details.

Ionic Server Side Rendering (SSR)

App Shell

Last modified 4mo ago

Copy link