capacitor · Launch screens

Generate Capacitor Splash Screens — Free Splash Screen Generator

Capacitor shows a native splash while the WebView boots. Generate a clean splash.png and configure SplashScreen plugin options to match your brand color.

Sizes & formats

SizeUse
1290×2796iPhone Pro Max class
1284×2778Expo splash.png default
1179×2556iPhone Pro class
1080×1920Android / universal 9:16
2048×2732iPad store-style slide (Store pack)

Generate now

Focused generator for this tool only — files stay on your device. For every pack (ICNS, Expo, Flutter, Brand Kit, Store), open the full Launch Kit.

Full kit →

Focused tool

capacitor · Splash screens

Open full Launch Kit

Live previews

Tap any tile to enlarge

Drop a logo to preview

Favicon, iOS, Android shapes, maskable, splash, OG — all live from one file.

How it works

  1. 1

    Generate splash art

    Match backgroundColor to the plugin config.

  2. 2

    Place native resources

    Or run @capacitor/assets generate.

  3. 3

    Tune plugin

    Avoid long artificial delays; hide when the app is ready.

capacitor.config.ts

plugins: {
  SplashScreen: {
    backgroundColor: "#ffffff",
    launchAutoHide: true,
    showSpinner: false,
  },
}

FAQ

White flash between splash and app?
Match the WebView background and theme-color to the splash backgroundColor so the transition does not flash.
Do I need every iPhone resolution?
Asset pipelines usually scale a master. This tool still offers common viewports when you want explicit PNGs.
Do I need a unique splash PNG per device?
Native toolkits often scale one image. This generator still ships common viewports for web/PWA and a master splash.png for Expo. Prefer one logo + solid backgroundColor when the framework allows.
How does Expo splash work?
Point expo.splash.image at splash.png and set splash.backgroundColor to your brand fill. Enable the Expo pack in the full Launch Kit for a ready app.json.
Can I add a tagline on the splash?
Yes. Optional tagline text is composited under the logo. Keep it short — launch screens disappear quickly.
Light and dark splash?
Export once with your primary background, then duplicate the pack with an inverted background for dark mode if your framework supports separate images.

Related tools

Guides