Splash Screen Size In Phonegap App

I am trying to set a width and a height for my splash screen in my config.xml. I am using PhoneGap Build and the PhoneGap version is 3.7.0, and the target is Andoird. The splash sc

Solution 1:

You should provide different splashscreens for different screen sizes.

According to the phonegap wiki ( https://github.com/phonegap/phonegap/wiki/App-Splash-Screen-Sizes ) the sizes should be:

LDPI:Portrait: 200x320pxLandscape: 320x200pxMDPI:Portrait: 320x480pxLandscape: 480x320pxHDPI:Portrait: 480x800pxLandscape: 800x480pxXHDPI:Portrait: 720px1280pxLandscape: 1280x720pxXXHDPI:Portrait: 960px1600pxLandscape: 1600x960pxXXXHDPI:Portrait: 1280px1920pxLandscape: 1920x1280px

You can point in your config.xml to the splashscreens you provide, for example:

<gap:splashsrc="res/screen/splash_ldpi.png"gap:platform="android"gap:qualifier="port-ldpi" /><gap:splashsrc="res/screen/splash_mdpi.png"gap:platform="android"gap:qualifier="port-mdpi" /><gap:splashsrc="res/screen/splash_hdpi.png"gap:platform="android"gap:qualifier="port-hdpi" /><gap:splashsrc="res/screen/splash_xhdpi.png"gap:platform="android"gap:qualifier="port-xhdpi" />