1) Run them through an optimizer that might save some size
2) See if 8 bit will work
3) Do you need both orientations? If not, don't include them
1 person found this helpful
Are you using PhoneGap Build or the PhoneGap CLI? If the latter, email@example.com has support for launch storyboard images. Depending upon your splash image, you might be able to get away with one image for iOS.
But you'll also want to optimize the PNGs you generate anyway, since retina-sized splash screens can be quite large.
Looking at PhoneGap Build, it appears to be using 4.3.1: PhoneGap (iOS / Android / Windows)cli-6.5.0 (4.3.1 / 6.1.2 / 4.4.3)
Where can I learn more about using a launch storyboard image, and how to configure it in config.xml.?
EDIT: Looks like the answers to that are here: GitHub - apache/cordova-plugin-splashscreen: Mirror of Apache Cordova Plugin splashscreen
Single-image launch screen cordova-plugin-splashscreen was the definite answer.
I quickly built this template in AI with the guides. The center square is the safe area for all devices. At launch, the image is scaled to fit either the width or height (landscape or portrait) and cropped for height or width. Easy peasy.
I was able to save this as a 128-color PNG weighing in at 1.3 MB, replacing 16.8MB of splash screens. Nice!
Last I knew PGB didn't yet support launch storyboards, so I'm curious if that's where you got it working, or if you used the CLI.
Also, I built a tool that lets you preview how your image will render on all supported targets and viewport sizes: GitHub - kerrishotts/launch-storyboard-images-previewer: Preview launch storyboard images for Cordova iOS 4.3.1 and abov… If you have any suggestions for improvements, etc., I'd be happy to hear them.
Hmmm … You may be right—I only tested in the simulator. Stand by for more results.
Drats. After running through PGB, I get a generic PGB splash screen. Dang. Time to learn how to build via the CLI I suppose.