Launch screens
Splash Screen Generator for Web, iOS, Android and Expo
A splash screen generator should not force hundreds of hand-made PNGs. Upload a logo, set background color and scale, then export popular phone viewports plus a universal splash.png for Expo and React Native.
Preview the same splash on iPhone, iPhone Duo, iPad, and Android mockups, then pull framework YAML or app.json from the full Launch Kit packs.
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
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
Set brand colors
Background and theme color drive the canvas fill.
- 2
Place the logo
Adjust splash scale and alignment (center or top).
- 3
Export viewports
Download splash PNGs and optional Expo/Flutter configs.
Framework setups
FAQ
- 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.