Skip to main content
Version: v6

ionic cordova resources

Automatically create icon and splash screen resources

$ ionic cordova resources [options]

Generate perfectly sized icons and splash screens from PNG source images for your Cordova platforms with this command.

The source image for icons should ideally be at least 1024ร—1024px and located at resources/icon.png. The source image for splash screens should ideally be at least 2732ร—2732px and located at resources/splash.png. If you used ionic start, there should already be default Ionic resources in the resources/ directory, which you can overwrite.

You can also generate platform-specific icons and splash screens by placing them in the respective resources/<platform>/ directory. For example, to generate an icon for Android, place your image at resources/android/icon.png.

For best results, the splash screen's artwork should roughly fit within a square (1200ร—1200px) at the center of the image. You can use https://code.ionicframework.com/resources/splash.psd as a template for your splash screen.

ionic cordova resources will automatically update your config.xml to reflect the changes in the generated images, which Cordova then configures.

This command uses the cordova-res utility to generate resources locally.

Cordova reference documentation:

Examples

$ ionic cordova resources 
$ ionic cordova resources ios
$ ionic cordova resources android

Inputs

platform

Description

The platform for which you would like to generate resources (ios, android)

Options

--icon

Description

Generate icon resources

Aliases-i

--splash

Description

Generate splash screen resources

Aliases-s