Cordova / Phonegap icon and launch image generator

September 7th, 2012 by Arend 18 comments »

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_36.png” gap:platform=”android” gap:density=”ldpi”/>

<icon src=”cordova/cordova_android_48.png” gap:platform=”android” gap:density=”mdpi”/>

<icon src=”cordova/cordova_android_72.png” gap:platform=”android” gap:density=”hdpi”/>

<icon src=”cordova/cordova_android_96.png” gap:platform=”android” gap:density=”xhdpi”/>

<icon src=”cordova/cordova_bb_80.png” gap:platform=”blackberry”/>

<icon src=”cordova/cordova_bb_80.png” gap:platform=”blackberry” gap:state=”hover”/>

<icon src=”cordova/cordova_ios_57.png” gap:platform=”ios” width=”57″ height=”57″/>

<icon src=”cordova/cordova_ios_72.png” gap:platform=”ios” width=”72″ height=”72″/>

<icon src=”cordova/cordova_ios_114.png” gap:platform=”ios” width=”114″ height=”114″/>

<icon src=”cordova/cordova_ios_144.png” gap:platform=”ios” width=”144″ height=”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/android_ldpi_portrait.png.png” gap:platform=”android” gap:density=”ldpi”/>

<gap:splash src=”cordova/res/screen/android_mdpi_portrait.png” gap:platform=”android” gap:density=”mdpi”/>

<gap:splash src=”cordova/res/screen/android_hdpi_portrait.png” gap:platform=”android” gap:density=”hdpi”/>

<gap:splash src=”cordova/res/screen/android_xhdpi_portrait.png” gap:platform=”android” gap:density=”xhdpi”/>

<gap:splash src=”cordova/res/screen/blackberry_transparent_300.png” gap:platform=”blackberry”/>

<gap:splash src=”cordova/res/screen/iphone_portrait.png” gap:platform=”ios” width=”320″ height=”480″/>

<gap:splash src=”cordova/res/screen/iphone_retina_portrait.png” gap:platform=”ios” width=”640″ height=”960″/>

<gap:splash src=”cordova/res/screen/ipad_portrait.png” gap:platform=”ios” width=”768″ height=”1024″/>

<gap:splash src=”cordova/res/screen/ipad_landscape.png” gap:platform=”ios” width=”1024″ height=”768″/>

<gap:splash src=”cordova/res/screen/windows_phone_portrait.jpg” gap:platform=”winphone”/>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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