A splash screen is an image that is shown while your application is loading. Splash screens are optional for all platforms.
Splash images should be 32-bit PNGs without transparency.
For Android we recommend creating a separate set of splashes for each generalized screen density as follows:
|mdpi portrait||320 x 480||splash-320x480.png||Recommended for store|
|hdpi portrait||480 x 800||splash-480x800.png||Recommended for store|
|xhdpi portrait||720 x 1280||splash-720x1280.png||Optional|
|xxhdpi portrait||960 x 1600||splash-960x1600.png||Optional|
|xxxhdpi portrait||1280 x 1920||splash-1280x1920.png||Optional|
|mdpi landscape||480 x 320||splash-480x320.png||Recommended for store|
|hdpi landscape||800 x 480||splash-800x480.png||Recommended for store|
|xhdpi landscape||1280 x 720||splash-1280x720.png||Optional|
|xxhdpi landscape||1600 x 960||splash-1600x960.png||Optional|
|xxxhdpi landscape||1920 x 1280||splash-1920x1280.png||Optional|
On iOS, a splash image can be added on the white launch screen. There is no mandatory size however the image must adapt to the screen size in both portrait and landscape mode. The image will be displayed centered in the screen. We recommend to use an image such as the logo of the application or of the company.
The image must be declined in 3 images:
- splash-1x.png: the basic image for lower resolution (not used on recent devices)
- splash-2x.png: twice the size of the first image
- splash-3x.png: thrice the size of the first image
|iOS Launch Image||size||file||Requirements|
|@1x||no requirements||splash-1x.png||Recommended for Store|
|@2x||twice the first||splash-2x.png||Recommended for Store|
|@3x||thrice the first||splash-3x.png||Recommended for Store|
NeoMAD automatically provides a white screen for splash if no resource is defined by the user.
Providing splash resources¶
The splash folder structure should look like:
project/ res/ splash/ splash-XXXxXXX.png ... splash-android/ splash-XXXxXXX.png splash-XXXxXXX.png ... splash-ios/ splash-XXXxXXX.png splash-XXXxXXX.png splash-XXXxXXX.png
genericsplashes. These splashes could be reused by different platforms if the provided size is matching with platform splash size requirements.
specific platformsplashes (e.g. splashes in
res/splash-androidwill be used only for Android targets). If the same splash is declared under
res/splash-platform, the file in
res/splash-platformwill be kept during application build.
splash-XXXxXXX.pngis the name of the splash file. The first digits are the width of the image, then after the ‘x’ character the last digits are the height in pixels. The authorized sizes are listed above.