Make every screenshot look intentional.
Five in-depth mockup guides: App Store screenshot sizes, iPhone mockups, browser mockups, Instagram post mockups and screenshot beautifying, from capture to export.
App Store screenshot sizes
Every screenshot size Apple accepts for iPhone, iPad, Mac, Apple TV, Vision Pro, Apple Watch and iPhone Duo, which sets are required, app preview video specs, upload rules and the common reasons a set is refused. Checked against Apple's own specifications.
- 1320 × 2868 and 1206 × 2622 for iPhone
- 2064 × 2752 for 13-inch iPad
- JPEG or PNG, no alpha channel
iPhone mockups for app screenshots
Capture a clean screen on a device or in the Simulator, place it in an iPhone 17, 17 Pro, Pro Max or Air frame, choose a layout and canvas for the destination, and export without blurry or clipped results.
- Upload the original capture
- Fit vs fill for tab bars
- One phone, one message
Browser mockups for websites and web apps
Capture at the right viewport and pixel ratio, crop to the panel that proves the point, and choose between Safari or Chrome chrome, a laptop or monitor frame, or no frame at all.
- 1440 px viewport at 2× is a safe default
- Crop dashboards to one panel
- Light or dark chrome for contrast
Instagram post mockups
Current feed, carousel and story sizes from Instagram and Meta, how Instagram resizes uploads, story safe zones, and how to fit a phone or browser screenshot into a post that reads at feed size.
- 1080 × 1350 or 1080 × 1440 for the feed
- 1080 × 1920 for stories
- Same size for every carousel card
Screenshot beautifier: capture to export
The full process for making any screenshot look finished: a sharp, honest source, cropping, background, padding, corners, shadow and tilt, PNG vs JPEG vs WebP, transparent export and fixing blurry files.
- Source width ≥ displayed width
- PNG for UI, JPEG for photos
- Check the downloaded file, not the editor
Making something for a specific channel?
Focused tool pages for social placements, plus the full directory of mockup workflows.
Start with the screenshot you already have.
Open the editor, choose a format, and refine the frame directly on the canvas.