> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rork.com/llms.txt
> Use this file to discover all available pages before exploring further.

# App Store screenshots

> This guide walks through how to create high-quality App Store screenshots, the tools you can use, and what Apple expects when you upload them

export const CtaBanner = () => <div style={{
  display: "flex",
  alignItems: "center",
  justifyContent: "space-between",
  gap: "24px",
  flexWrap: "wrap",
  margin: "40px 0 8px",
  padding: "22px 28px",
  borderRadius: "16px",
  background: "linear-gradient(135deg,rgba(249,115,22,0.10),rgba(255,255,255,0.03),rgba(249,115,22,0.06))",
  border: "1px solid rgba(255,255,255,0.08)"
}}>
    <div>
      <div style={{
  fontSize: "19px",
  fontWeight: 700,
  color: "#fff",
  letterSpacing: "-0.3px",
  lineHeight: 1.3
}}>
        Build your app with Rork today.
      </div>
      <div style={{
  fontSize: "14px",
  color: "rgba(255,255,255,0.6)",
  marginTop: "4px",
  lineHeight: 1.5
}}>
        Ship iOS, Android, and web apps by chatting with AI.
      </div>
    </div>
    <a href="https://rork.com" style={{
  flexShrink: 0,
  display: "inline-block",
  padding: "10px 24px",
  background: "linear-gradient(135deg,#fff,#f0f0f0)",
  color: "#000",
  fontSize: "14px",
  fontWeight: 600,
  borderRadius: "100px",
  textDecoration: "none",
  whiteSpace: "nowrap"
}}>
      Try Rork for Free
    </a>
  </div>;

## Why App Store Screenshots Matter

App Store screenshots are one of the biggest drivers of installs. Most users decide whether to download an app based on the first few screenshots they see, so clarity, layout, and correct sizing are critical.

## Apple Required Screenshot Sizes

Apple requires **separate screenshots for iPhone and iPad** if your app supports both.

### iPhone Screenshot Sizes (Portrait)

You must upload screenshots that match at least one of Apple's supported device sizes. The most common approach is to use the **largest size**, which Apple accepts for all smaller phones.

* **6.7-inch display (recommended)**
  * **1290 × 2796 px**
  * Aspect ratio: **9:16**

(Using this size covers iPhone 14 Pro Max, 15 Pro Max, and newer large devices.)

### iPad Screenshot Sizes (Portrait)

If your app supports iPad, Apple requires iPad screenshots.

* **12.9-inch iPad**
  * **2048 × 2732 px**
  * Aspect ratio: **4:3**

This size is accepted for all supported iPad models.

## Screenshot Strategy

Before designing:

* Screenshot 1: Core value proposition
* Screenshot 2–3: Main features
* Screenshot 4–5: Differentiation, results, or use cases
* Keep text minimal and readable on small screens

## Tools You Can Use

### Canva (Recommended)

Canva makes App Store screenshots easy and fast.

**Steps**

1. Open Canva
2. Search **"App Store Screenshot"**
3. Choose:
   * iPhone (9:16) template
   * iPad (4:3) template
4. Add your app screenshots and text
5. Export as PNG

You can also manually create canvases using Apple's required dimensions.

### Screenshots Pro

A dedicated tool for App Store assets.

Best for:

* Device frames
* Consistent layouts
* Batch exporting iPhone and iPad screenshots

### Other Tools

* **iOS Simulator** – best for capturing raw screenshots
* **Figma** – full design control
* **Preview / Screenshot tools** – quick captures, not final design

## Capturing Screenshots

### iPhone

* Use iOS Simulator
* Choose a **6.7-inch Pro Max** device
* Capture in portrait mode

### iPad

* Use iPad Simulator
* Choose **12.9-inch iPad**
* Capture in portrait unless your app is landscape-only

## Export Guidelines

* Format: **PNG**
* No compression
* Keep text within safe margins
* High contrast and readable fonts

## Common Mistakes

* Wrong dimensions or aspect ratio
* Missing iPad screenshots when iPad is supported
* Text too small to read
* Overcrowded designs

## Summary

Apple requires:

* **iPhone screenshots:** 1290 × 2796 px (9:16)
* **iPad screenshots:** 2048 × 2732 px (4:3)

Capture clean UI, design with tools like Canva or Screenshots Pro, and upload both iPhone and iPad screenshots to ensure App Store compliance and higher conversion.

<CtaBanner />