Skip to main content
Version: v11.6.0

Setting Splashscreen Images and App Icons


A splash screen is a graphical control element, that usually appears while the app is launching. Icons and splashes are usually platform specific.

Setting Splashscreen Images & App Icons

For WaveMaker Hybrid Mobile Apps, splash screens and app icons for various devices can be edited and uploaded. You can set them from the Build dialog.

note

Though the steps shown below are for Andriod Build, the process is same when using the Send to PhoneGap option for Build. In case of PhoneGap build, you will have the option to set images and icons for both iOS and Android platforms.

  1. From Project Actions, Build -> Build for Android option (you can also select the Send to PhoneGap option)
  2. In the build dialog, you will see the Splash screens and App Icons option under Android (and iOS, in case of PhoneGap) section
  3. On hover of the splash screen/ app icon, edit icon is shown.

  1. On click of the edit icon, the selected splash screen/icon is shown in the file tree.
  2. Upload a file and select the uploaded file in the tree. Click ‘Apply’ to apply the changes. (See the next sections for the splash screen image and icon requirements).
  3. Repeat for all the splash screens and icons.

Setting Splash Screen Images Requirements

Android Platform

Screen SizeDimensions
LandscapePotrait
------
LDPI320x200px
MDPI480x320px
HDPI800x480px
XHDPI1280x720px
XXHDPI1600x960px
XXXHDPI1280x1920px

iOs Platform

DeviceDimensions
LandscapePotrait
------
Tablet (iPad)
Non-Retina (1x)1024x768px
Retina (2x)2048x1536px
Handheld (iPhone, iPod)
Non-Retina (1x)480x320px
Retina (2x)960x640px
iPhone 5 Retina (2x)1136x640px
iPhone 6 (2x)1334x750px
iPhone 6 Plus (3x)1920x1080px

App Icon Dimensions

Android Platform

Screen SizeDimensions
XXXHDPI192px
XXHDPI144px
XHDPI96px
HDPI72px
MDPI48px
LDPI36px

iOS Platform

DeviceDimensions
iPhone57 px
iPad72 px
iPhone 4 Retina Display114 px
iPad 3 Retina Display144 px
iTunes*1024 px
iPhone Settings/Spotlight29 px
iPad Settings29 px
iPad Spotlight48 px
iPhone 4 Settings/Spotlight58 px
document icon64 px
document icon320 px

See Also

Using Cordova Plugin