---
title: App Store Screenshot Studio
description: Free App Store screenshot generator. Caption and device-frame your app screenshots, then export store-ready panels at exact App Store and Play Store sizes, in the browser or from the CLI.
---

The App Store Screenshot Studio is a free tool at [brandstack.dev/tools/app-store-screenshots](https://brandstack.dev/tools/app-store-screenshots). Drop up to six raw app screenshots, write a caption for each, and export captioned, device-framed panels at the exact pixel sizes App Store Connect and the Play Console accept. It runs in your browser (screenshots are never uploaded, exports carry no watermark) and as a CLI command: same engine, same math, same filenames.

## Run it from the command line (recommended for agents)

```sh
npx @brandstack/cli app-store-screenshots ./shots/home.png ./shots/report.png \
  --captions "Track every launch|Reports in one tap" --out ./store --zip
```

No browser, no account, no network after install. Flags mirror the page's URL parameters exactly: `--bg hex|hex-hex`, `--theme light|dark` (device frame), `--text light|dark` (caption color), `--layout full|bleed`, `--screens id,id`, `--captions "a|b"`. Run `--list` for the store size ids and `--help` for everything else.

Better yet, design the set visually and hand the CLI the link: every setting and every caption encodes into the URL, and the CLI accepts that URL as an argument.

```sh
npx @brandstack/cli app-store-screenshots ./shots/home.png \
  "https://brandstack.dev/tools/app-store-screenshots?bg=111827-374151&theme=dark&layout=bleed&captions=Track%20every%20launch" \
  --out ./store
```

The CLI writes the exact files the browser export produces: same names, same pixels (this parity is enforced by golden-image tests in CI). Encoded bytes can differ between environments because image encoders differ; the pixel content does not.

## How to use it in the browser

1. Load screenshots by dragging them onto the page, pasting (Cmd+V or Ctrl+V), or clicking the dropzone; each becomes a panel
2. Click a panel chip under the preview to make it active, then write its **caption** (wrapped above the device, up to 80 characters)
3. Pick a **background** (preset gradient or custom colors), the **device frame** theme, the **caption text** color, and the **Full** or **Bleed** layout
4. Check or uncheck **store sizes**, then click **Download all sizes as zip**, or **Download this panel (PNG)** for one file

Each exported file is named `store-screenshot-<panel>-<size-id>-<width>x<height>.png`, so a set drops cleanly into a repo or straight into a store listing. The zip is always `store-screenshots.zip`.

## The sizes it exports

The four store slots most listings need, each at the exact accepted pixel size (or `npx @brandstack/cli app-store-screenshots --list`):

- **App Store iPhone 6.9-inch**: 1290x2796 (Apple also accepts 1320x2868)
- **App Store iPhone 6.5-inch**: 1284x2778
- **App Store iPad Pro 12.9-inch**: 2048x2732
- **Play Store phone**: 1080x1920

Dimensions are verified against each store's current spec and re-checked quarterly.

## Full and Bleed layouts

**Bleed** (the default) draws the device large and lets it run off the bottom edge, the look most top-charting listings use: the caption owns the top of the panel and the screen fills the rest.

**Full** keeps the whole device visible under the caption, centered in the remaining space. Use it when the bottom of your screen matters (tab bars, key actions).

The screenshot always cover-fills the drawn screen, phones get a camera cutout, and the frame, caption, and shadow are drawn procedurally, so any screenshot aspect works.

## Hand it to a coding agent

- The **Copy agent prompt** action on the page copies a structured prompt: one `npx @brandstack/cli` command carrying your settings deep link, with browser-automation steps as the fallback
- Every setting and caption encodes into the URL (`bg`, `theme`, `text`, `layout`, `screens`, `captions`), so a link carries a complete set design
- The tool page is also served as plain markdown at [/tools/app-store-screenshots.md](https://brandstack.dev/tools/app-store-screenshots.md), and listed with instructions in [/llms.txt](https://brandstack.dev/llms.txt)

## When to use this tool

- Your app is ready to submit and the store listing still shows raw, uncaptioned screenshots
- You shipped a redesign and every store panel is stale; re-run one CLI line with the new screenshots
- You want the iPhone, iPad, and Play Store sets to look designed as one, without opening a design tool
- Your coding agent should regenerate the store set whenever the app's screens change; the settings link plus the CLI does it

For the screens themselves, Brand Stack generates photoreal product mockups and launch imagery from your brand. This tool frames the screens you have; [Brand Stack](/getting-started) generates the shot.