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
| Size | Use | Notes |
|---|---|---|
| 1290×2796 | iPhone Pro Max class | — |
| 1284×2778 | Expo splash.png default | — |
| 1179×2556 | iPhone Pro class | — |
| 1080×1920 | Android / universal 9:16 | — |
| 2048×2732 | iPad 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.
Focused tool
capacitor · Splash screens
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
Generate splash art
Match backgroundColor to the plugin config.
- 2
Place native resources
Or run @capacitor/assets generate.
- 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.