1. Home
  2. Docs
  3. Ionic 6 Clone Templates Kit
  4. How to Use?
  5. Generate App LOGO and Splash Screen

Generate App LOGO and Splash Screen

Initial support for splash screen and icon generation is now available. For complete details, see the cordova-res docs.

Replace your LOGO and Splash with

Project/resources/

Change your icon.png and splash.png with your

And

Project/resources/android

Change icon-background.png and icon-foreground.png

make the sure size of

ICON.PNG = 1024 X 1024 Pixels

SPLASH.PNG = 2732 X 2732 Pixels

First, install cordova-res:

npm install -g cordova-res

cordova-res expects a Cordova-like structure: place one icon and one splash screen file in a top-level resources folder within your project, like so:

resources/
├── icon.png
└── splash.png

Next, run the following to generate all images then copy them into the native projects:

cordova-res ios --skip-config --copy
cordova-res android --skip-config --copy
Was this article helpful to you? Yes No

How can we help?