If you have experienced developing hybrid applications, you know that creating splashscreens and icons is a pain! There are so many parameters that come into play:
- Width and Height
- Density
- OS
- Device
- Landscape / Portrait
If you want to correctly address those parameters you will end up creating a dozen splashscreens and icons per OS. By experience do not even try to do it yourself (e.g using Photoshop), it is a waste of time.
There are some online tools that can help you generating splashscreens and icons but Ionic is also here to help!
sudo npm install ionic -g
Create two files (either .psd, .ai or .png) within the resources directory. One named icon that needs to follow this template and the other named splash that needs to follow this template
# generate both icons and splashscreens
$ node_modules/.bin/ionic resources
# generate only icons
$ node_modules/.bin/ionic resources --icon
# generate only splashscreens
$ node_modules/.bin/ionic resources --splash
It will upload your files to Ionic’s servers and create everything for you (create the correct platforms folders and even edit the config.xml file).