How to Make App Store Screenshots Without Photoshop

Last verified: September 9, 2026

A practical step-by-step tutorial for developers on creating polished, store-compliant App Store screenshots using lightweight web tools without needing Photoshop or graphic design software.

Why Photoshop is overkill for store screenshots

Opening Photoshop or heavy desktop software just to place raw mobile screenshots inside device frames and add caption text is inefficient. Maintaining multi-layer PSD files across 5 distinct display resolutions for both iOS and Android requires hours of manual template slicing.

Modern browser-based screenshot generators automate pixel scaling, device framing, and layer alignment, allowing developers to go from raw simulator captures to a complete submission ZIP file in under five minutes.

Step 1: Capturing clean raw UI screens

Before generating your marketing graphics, capture high-resolution raw UI screens from your app build:

• Use Xcode Simulator: Run your app in Xcode Simulator and use the menu command File → Save Screen (or Cmd + S) to export crisp 1:1 pixel captures.
• Clean Status Bar: Use Xcode's xcrun simctl status_bar CLI utility to override simulator status bars to 9:41 AM with full Wi-Fi and battery indicators.
• Select Core Screens: Capture 4 to 6 key screen flows demonstrating primary user benefits.

Step 2: Applying device frames & background gradients

Upload your raw UI captures into a web-based screenshot tool like MockupLite:

• Select your target hardware frame (e.g., iPhone 16 Pro Max or Google Pixel 9).
• Choose a background style: solid dark slate, subtle linear gradients, or soft brand color fills.
• Adjust device shadow depth and corner radius to create visual depth.

Step 3: Adding clear headline captions

Overlay concise value proposition headlines above or below the framed device graphics:

• Use clean sans-serif typography (such as Inter or SF Pro).
• Ensure caption container boxes maintain safe margin padding from display edges.

Step 4: Exporting store-compliant PNG bundles

Click export to generate a structured ZIP package containing all required pixel sizes:

• Confirm exported PNG files are saved in 24-bit RGB format without alpha channels.
• Verify dimensions match 1320 × 2868 px for 6.9-inch iPhone and 2064 × 2752 px for 13-inch iPad slots.
• Upload the exported images directly into App Store Connect and Google Play Console.

For more details on required store resolutions, see our guide on App Store screenshot requirements and our comparison of the best screenshot generators.

Cross-reference Apple App Store Connect Asset Reference for official specs.

Common questions

Can I make App Store screenshots without Photoshop?

Yes. Web-based screenshot tools like MockupLite allow you to frame captures, add text captions, and export store-compliant PNG bundles directly in your browser.

How do I capture clean status bars in Xcode Simulator?

Use the command-line utility 'xcrun simctl status_bar booted override --time 9:41' in your terminal before taking simulator screenshots.

What image format should I export for the App Store?

Export 24-bit RGB PNG files with alpha transparency removed to ensure crisp typography and prevent upload errors in App Store Connect.

How long does it take to make screenshots with MockupLite?

With MockupLite, you can frame UI captures, add captions, and export complete multi-device ZIP bundles in under 5 minutes.

Do browser-based screenshot tools lower image quality?

No. Tools like MockupLite render final exports at full vector scale to match Apple's required high-resolution pixel dimensions.