Easily generate image assets for PhoneGap/Cordova projects

This handy tool supports PhoneGap and Cordova, as well as Ionic, Monaca, Telerik and other development tools using Cordova. It's optimized for use with PhoneGap Build and PGB Tutorial.

Upload a preferably square app icon and an optional splash screen background in a high resolution bit image format, but preferably PNG, each less than 16 megapixels. Both images can have transparency/alpha. Meta formats like PSD, EPS, PDF, AI, XCF or WebP are not supported at this time.

Images are generated for iOS (legacy) , iOS (storyboard) , Android  and Windows , in portrait and optionally landscape , in folders for easy access from config.xml.

Choose an icon to upload:

Choose an optional splash screen background to upload:

...or choose a background color: (as per CSS: #rrggbbaa/#rgb, rgba()/hsb()/hsl(), color name)

Fit type: FitStretchFill(how to fit the splash screen; Fit and Fill retain aspect ratio)
App icon overlay: (the app icon will overlay the splash screen)
App icon ratio: % (sets the coverage ratio, retaining aspect ratio)

---

Recommendations

• Read here about what icons and splash/launch screens are needed by Cordova projects:
  • Customize Icons - Apache Cordova
  • Splashscreen - Apache Cordova
• The uploaded images should be 1 megapixels or more for high enough quality, but less than 16 megapixels (larger will generate an error).
• Avoid photos or images with gradients if possible. They slow down conversions and make the app very big.
• If you get a timeout error, try to convert for one platform at a time.
• Images for respective store are stored under the folder archive. Optionally move the folder outside of the project.
• Don't remove .pgbomit from the res and archive folders. It's there to avoid redundant images when using PhoneGap Build.
• Here's a config.xml snippet showing the use of the created images.

---