App Icon:
Requirements:
- Image of at least 1024×1024 px (mandatory a squared image)
- Must be a png file
- No transparency effect allowed
- Insert it in the folder: resources/icon.png
- Cannot be changed after the publishing of the app (to change it requires a new publishing)
Splash Screen:
Requirements:
- Image of at least 2732×2732 px (mandatory a squared image)
- Must be a png file
- No transparency effect allowed
- Insert it in the folder: resources/icon.png
- Cannot be changed after the publishing of the app (to change it requires a new publishing)
Important: Apple automatically refuse icon with transparent effect
For example, for our demo app we used the following images:
App icon image of 1024×1024 px
Splash screen image of 2732×2732 px. The image is bigger but the logo is in the center with black spaces in the edges to be able to well fit in the device screen
How to automatically generate all the icons sizes
After inserted the icon image and splash screen image in the right folders, you can use the following command to generate all the required sizes (to support all the devices sizes) starting from those 2 images:
ionic cordova resourcesThis command will generate all the versions needed fo your images, no need to delete the previous images.
For help:
ionic cordova resources --helpFull size app icon
In some android versions if the app icon is not a circle it is shown as the second one in the image, with a white background. If you want a full with for each android versions you can use a circle png image of at least 1024×1024 with transparent background.