About

App Store Connect and Google Play Console enforce strict resolution requirements for listing screenshots. An iPhone 6.7" display requires exactly 1290 × 2796 px. An iPhone 6.1" requires 1179 × 2556 px. Submitting wrong dimensions triggers a rejection. Beyond compliance, screenshot quality directly affects conversion rate (CR). A/B tests by StoreMaven show that optimized screenshots increase installs by 18% to 30%. This tool renders device-accurate bezels with real corner radii, composites your screenshot into the screen area, and exports at the exact pixel dimensions required by each store.

The generator handles background gradients at configurable angles (θ from 0° to 360°), headline text with word-wrap, and device shadow. All rendering happens on a Canvas element. No uploads leave your browser. Limitation: this tool does not add 3D perspective transforms to device frames. All mockups are flat front-facing views, which aligns with current Apple and Google design guidelines.

Formulas

The canvas export resolution matches exact store requirements. The device frame is scaled to fit within the canvas while preserving aspect ratio:

s = min(W_canvas − 2pW_device, H_canvas − 2p − H_textH_device)

Where s is the scale factor, W_canvas and H_canvas are export dimensions, p is padding in pixels, and H_text is the vertical space reserved for the headline overlay.

The background gradient is computed using linear interpolation between two color stops along an angle vector:

x₁ = 0.5 − 0.5 ⋅ cos(θ), y₁ = 0.5 − 0.5 ⋅ sin(θ)

Where θ is the gradient angle in radians. The device bezel corner radius is rendered using arcTo calls on the Canvas 2D context, matching the physical device's r value scaled by s.

Reference Data

Device	Store	Resolution (px)	Aspect Ratio	Corner Radius (pt)	Screen Inset (%)
iPhone 6.7" (15 Pro Max)	App Store	1290 × 2796	9:19.5	55	3.2%
iPhone 6.1" (15 Pro)	App Store	1179 × 2556	9:19.5	55	3.2%
iPhone 5.5" (8 Plus)	App Store	1242 × 2208	9:16	0	4.5%
iPad Pro 12.9" (6th)	App Store	2048 × 2732	3:4	18	2.1%
iPad Pro 11"	App Store	1668 × 2388	4.18:6	18	2.4%
Android Phone	Google Play	1080 × 1920	9:16	36	2.8%
Android 7" Tablet	Google Play	1200 × 1920	10:16	24	2.5%
Android 10" Tablet	Google Play	1600 × 2560	10:16	24	2.2%
Mac App Store	App Store	2880 × 1800	16:10	10	1.8%
Apple Watch Ultra	App Store	410 × 502	41:50.2	44	5.0%
Apple TV	App Store	1920 × 1080	16:9	0	0%
Pixel 8 Pro	Google Play	1344 × 2992	9:20	48	2.6%
Galaxy S24 Ultra	Google Play	1440 × 3120	9:19.5	42	2.4%
iPhone SE (3rd)	App Store	750 × 1334	9:16	0	4.8%
Google Play Feature Graphic	Google Play	1024 × 500	2.048:1	0	0%

Frequently Asked Questions

Apple requires screenshots for each device class you support. The mandatory sizes are 6.7" (1290×2796 px) and 6.5" (1284×2778 px) for iPhone. iPad Pro 12.9" requires 2048×2732 px. If you only provide the 6.7" size, App Store Connect auto-scales for smaller iPhones, but providing device-specific screenshots improves visual quality and conversion rate.

A gradient angle of 135° (top-left to bottom-right) naturally guides the viewer's eye from the headline text toward the device frame, following the F-pattern reading behavior. Vertical gradients (180°) create a sense of depth. Horizontal gradients (90°) can feel static. The angle θ controls the direction vector: x₁ = 0.5 − 0.5·cos(θ), y₁ = 0.5 − 0.5·sin(θ). Test with your brand colors at 135° and 180° for best results.

This tool exports at the exact native resolution required by each store (e.g., 1290×2796 for iPhone 6.7"). If your source screenshot is lower resolution than the device's native resolution, the image will be upscaled and appear soft. Always capture screenshots from a Simulator or device running at native resolution. For iOS Simulator, use Cmd+S to save at 1× scale, then ensure it matches the target dimensions.

Apple accepts PNG and JPEG. Google Play accepts PNG and JPEG with a maximum file size of 8 MB per image. This tool exports as PNG by default (lossless, larger file) or JPEG at 92% quality (lossy, smaller file). For screenshots with text overlays and sharp edges, PNG preserves clarity. For photo-heavy screenshots, JPEG at 90-95% quality reduces file size by approximately 60% with minimal visible degradation.

Not without modification. iPhone 6.7" uses 1290×2796 (≈9:19.5 aspect ratio) while standard Android uses 1080×1920 (9:16). Directly resizing crops content or adds letterboxing. Generate separate exports for each device class using this tool. Upload your source screenshot once, then switch the device selector to generate each required size with proper framing.

Modern iPhones use a continuous curvature (squircle) with a corner radius of approximately 55 pt at the display level. Using a standard CSS border-radius (circular arc) looks subtly wrong to trained eyes. This tool uses Canvas arcTo() with device-specific radius values from Apple's Human Interface Guidelines. The corner radius is scaled proportionally: r_rendered = r_device × s, where s is the device-to-canvas scale factor.