Generate iOS splash screens at every device size
Upload an icon, pick a background color, and get 18 PNG splash images sized for every Apple device. Runs locally.
image/* · runs locally · nothing uploaded
How it works
Pick an image, tune the options, then download the result. Everything runs in your browser.
- 01
Pick an icon
A square logo or app icon works best. Transparent backgrounds preferred.
Files stay in memory as an
HTMLImageElement— the original bytes are never uploaded, and EXIF metadata is preserved until you explicitly transform it.inputuploadcanvaslocaldecodeinput · bytesicon · loadedload: image/*
loaded · decodedcanvas · ready - 02
Pick a background
Pick the brand color that surrounds your logo on launch.
Encoder quality is exposed where the format supports it — JPEG and WebP get a
0–1quality slider; PNG is lossless. Options re-render the canvas immediately.coloroptionslive previewencoderqualitybg · tunable#0b0f17 · livefill = #0b0f17
options applied · liveencoder · live - 03
Auto-fit per device
Icon is centered at 30% of each device's shorter dimension — looks balanced on iPad and iPhone.
Pixel work runs on the Canvas 2D context —
drawImageresamples with the browser’s bilinear filter andgetImageData/putImageDataback per-pixel passes.fitrenderCanvas 2Dpreviewpx-perfectscale · resampled30% · px-perfecticon = 0.3 × min(w, h)
preview · livepx-perfect - 04
Download all
All 18 PNGs sized for every Apple device — drop them straight into your PWA manifest.
Downloads ship via a hidden anchor with an object URL — no server round-trip, and the file on disk is untouched. The output filename inherits a sensible suffix.
exportdownloadblobclient-sideobject URLok · blob0 files · savedsplash-WxH.png × 18
shipped · ready to shipsuccess
Browser-only image work that scales
Convert with quality control
JPEG/WebP let you pick a 0–1 quality. Default 0.92 is a good compromise of size and visible quality.
PNG isn’t free
Use PNG only for transparency or sharp edges. For photos, WebP is smaller at the same perceived quality.
Strip EXIF for privacy
Photo EXIF often contains GPS, camera model, and timestamps. Strip before sharing public uploads.
Watch the colour profile
Convert to sRGB before web export. Wide-gamut images render oversaturated in non-managed browsers.
AVIF when it’s available
AVIF beats WebP on size at the same quality. Detect support via <picture> with fallbacks.
Lazy-load below the fold
Add loading="lazy" on <img>. The browser handles scheduling — no IntersectionObserver needed.
When to use this tool
Common workflows it speeds up.
PWA splash
apple-touch-startup-image links for installable web apps. Decoded into a Canvas 2D context — original bytes never leave the tab, so you can process customer-uploaded photos, internal screenshots, or sensitive diagrams without privacy concerns.
px-perfectCapacitor / Cordova
Drop into a hybrid app's resources folder. Encoders expose quality 0–1 where the format supports it (JPEG, WebP); PNG and AVIF stay perceptually lossless. Pick 0.85 for web, 0.95 for archival, 0.7 for thumbnails.
quality-tunableNative iOS
Pre-rendered fallbacks for older iOS versions. Pair with the EXIF Stripper before sharing user-uploaded photos publicly. Camera serial numbers, GPS coordinates, and timestamps often hide in image metadata and leak more than the picture itself.
format-awareOnboarding mocks
Quick splash mockups for design reviews. Output preserves colour profile (sRGB) so it renders consistently across browsers, monitors, and print pipelines. Wide-gamut workflows can opt into Display P3 for modern Apple devices.
EXIF-safeBranded loaders
Match your brand the moment the app opens. Re-runs only on option changes, never on window resize, so the canvas stays responsive on large images. drawImage uses the browser's bilinear filter for fast resampling.
client-sidePWA stores
Required for Microsoft Store and similar PWA listings. Downloads as .png, .jpg, .webp, or .avif with the correct MIME so editors apply native handling on save. The filename inherits a sensible suffix derived from the input.
compression-readyWhat is an iOS Splash Screen?
An iOS splash screen (also called a apple-touch-startup-image or launch image) is the screen shown while your app or PWA loads. Apple requires specific image sizes for each device — from iPhone SE up to iPad Pro 12.9-inch — to avoid letterboxing or stretching on launch.
How to Generate Splash Screens for All iOS Devices
Upload your app icon, choose a background color, and this tool generates correctly sized launch images for every standard Apple device. Your icon is centered automatically on each canvas size.
Supported Device Sizes
18 sizes total| Device | Resolution | Use Case |
|---|---|---|
iPadiPad Pro 12.9" | 2048 × 2732px | Largest iPad launch screen |
iPadiPad Pro 11" / iPad Air | 1668 × 2388px | Mid-size iPad devices |
iPhoneiPhone 15 Pro Max | 1290 × 2796px | Largest iPhone models |
iPhoneiPhone 15 / 14 / 13 | 1170 × 2532px | Standard iPhone sizes |
iPhoneiPhone SE | 750 × 1334px | Smallest current iPhone |
PWA vs Native App Splash Screens
Reference splash images in your Web App Manifest using apple-touch-startup-image link tags in your HTML head.
Drop the generated PNGs directly into your LaunchScreen asset catalog in Xcode. This tool produces images compatible with both workflows.
Frequently asked questions
apple-touch-startup-image link tags in your HTML head, one for each device size and orientation, pointing to the generated images. Each tag includes a media query matching the device's screen dimensions.apple-touch-startup-image meta tags for Progressive Web Apps.Something missing?
Tell us what you need. We ship the top requests every two weeks.