expo · Launch screens
Generate Expo Splash Screens — Free Splash Screen Generator
Expo splash screens are usually one image plus a background color. Generate splash.png here, preview it on phones, and wire expo.splash in app.json.
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
expo · 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
Design the splash
Set logo scale and background color.
- 2
Export splash.png
Use the Splash pack (1284×2778 master).
- 3
Configure Expo
Paste splash keys into app.json or app.config.
app.json splash
{
"expo": {
"splash": {
"image": "./assets/splash.png",
"resizeMode": "contain",
"backgroundColor": "#ffffff"
}
}
}FAQ
- resizeMode contain vs cover?
- contain keeps the full logo visible on tall phones; cover fills the screen and may crop. Most brand splashes use contain with a solid backgroundColor.
- Android 12 splash?
- Expo SDK handles Android 12 splash APIs when configured. Keep the logo centered in the safe zone for system splash screens.
- 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.