Lesson 17 / 29

Splash screens

Configure splash screens for a polished app launch experience.

Splash screen purpose

Splash screens are shown during app startup while resources load. They provide branding and reduce perceived load time. Configure them in the manifest for iOS and Android.

Configure splash screen images

Add screenshots field to manifest for splash screen display on iOS and Android.

"screenshots": [
  {
    "src": "/images/screenshot-1.png",
    "sizes": "540x720",
    "type": "image/png",
    "form_factor": "narrow"
  },
  {
    "src": "/images/screenshot-2.png",
    "sizes": "1280x720",
    "type": "image/png",
    "form_factor": "wide"
  }
]

Output:

Splash screens configured for portrait and landscape orientations.

A common trap

Splash screens should load quickly—keep images under 100KB. Use responsive images for different device sizes.