I created a small script that will generate the required icon files and launch images in PNG format for a default cordova / phonegap project.
Currently only icon files are supported, I am working on adding the splash / Launch images for iOS as well.
Upload a square icon of preferably 512×512 or bigger and you will receive a zip file with the required images as seen in the below screenshot.
Keep in mind that each time you visit this page, all uploaded and generated files are removed. So this might be problematic if many try to run this script at the same time (which I don’t expect).
Todo:
Generate all required files according to the default directory layout as generated by cordova’s create script.
The script: http://arenddeboer.com/cordova/.
Script source: cordova_icon_gen_source.zip (please share any updates or improvements you make)
Here is the update to config.xml courtesy of Corey Maass
<icon src=”cordova/cordova_128.png”/
<icon src=”cordova/cordova_android_
<icon src=”cordova/cordova_android_
<icon src=”cordova/cordova_android_
<icon src=”cordova/cordova_android_
<icon src=”cordova/cordova_bb_80.
<icon src=”cordova/cordova_bb_80.
<icon src=”cordova/cordova_ios_57.
<icon src=”cordova/cordova_ios_72.
<icon src=”cordova/cordova_ios_114.
<icon src=”cordova/cordova_ios_144.
<icon src=”cordova/cordova_64.png” gap:platform=”webos”/>
<icon src=”cordova/cordova_48.png” gap:platform=”winphone”/>
<icon src=”cordova/cordova_173.png” gap:platform=”winphone” gap:role=”background”/>
<gap:splash src=”cordova/res/screen/
<gap:splash src=”cordova/res/screen/
<gap:splash src=”cordova/res/screen/
<gap:splash src=”cordova/res/screen/
<gap:splash src=”cordova/res/screen/
<gap:splash src=”cordova/res/screen/
<gap:splash src=”cordova/res/screen/
<gap:splash src=”cordova/res/screen/ipad_
<gap:splash src=”cordova/res/screen/ipad_
<gap:splash src=”cordova/res/screen/
or in plain ascii:
cordova_128.png
cordova_16.png
cordova_24.png
cordova_256.png
cordova_32.png
cordova_48.png
cordova_512.png
cordova_64.png
cordova_android_36.png
cordova_android_48.png
cordova_android_72.png
cordova_android_96.png
cordova_bb_80.png
cordova_ios_114.png
cordova_ios_144.png
cordova_ios_57.png
cordova_ios_72.png
splash_default_ipad_landscape_1024_768.png
splash_default_ipad_landscape_2048_1496.png
splash_default_ipad_portrait_1536_2008.png
splash_default_ipad_portrait_768_1024.png
splash_default_iphone_320_480.png
splash_default_iphone_640_960.png
That’s helpful… Thank you very much
Absolutely amazing. Also really needed for the phonegap community. Would like to see the code but could not find it.
Well Done.
I zipped the source files for download here: http://www.arenddeboer.com/cordova_icon_gen_source.zip
It was hacked together initially just for me, but I thought the community might be interested too. So it isn’t well documented or clean..
Thank you so much for this! Saved me hours. Wondering if you had a config.xml file to go along with it? Thanks!
It also looks like cordova/res/screen/ipad_portrait.png is being rendered as 768 x 1004 instead of 768 x 1024.
No specific config.xml. I believe it worked with the default config at the time of writing, but I may be wrong. I think the portrait mode should be 1004, despite being listed here as 1024; It leaves room for the status bar.
I updated my config to work with it – the paths have changed from the default. I can send it along if you like.
That would be great. I will include it in this post.
Thanks
Great tool!!!
Could it be possible to provide the background image -or some sort of option- to change the grey one? Maybe even allowing to upload a second image just for the splashscreen -animated gif perhaps?-
Thanks for sharing!
I currently have no time/plans to implement such features. But I will keep them in mind when if I update the script.
Hi! The hosted version returns HTTP 500 Internal Server Error at the moment. It was working a few days ago. Did something happen?
Thanks for a very timesaving utility!
I moved to a new server, let me have a look.
Should work again, missed a few libraries on the new server. Thanks for notifying.
Thanks! Yes, it’s working again.