Configured For A Custom Splash Screen

Overview

A custom splash screen makes your progressive web app (PWA) feel more like a native app.

When a user launches your PWA from the homescreen, Android's default behavior is to display a white screen until the PWA is ready. The user may see a blank, white screen for up to 200ms. With a custom splash screen, the user sees a custom background color and your PWA's icon instead.

See Adding a Splash Screen for Installed Web Apps in Chrome 47 for more information.

Recommendations

Chrome for Android automatically shows your custom splash screen so long as you meet the following requirements in your web app manifest:

  • The name property is set to the name of your PWA.
  • The background_color property is set to a valid CSS color value.
  • The icons array specifies an icon that is at least 512px by 512px.
  • The icon exists and is a PNG.

More information

Audit source code

Feedback