Screenshotify
· Tutorial · 5 min read

iPhone 16 screenshot tutorial, step by step

TL;DR. Open the editor, pick iPhone 16 Pro Max as the device, drop your screenshot, write a 6-9 word caption, pick a background gradient, export at 1320 × 2868. Twenty minutes from blank to App Store-ready.

This is a hands-on tutorial. You'll need a screenshot from your iOS app (any resolution — we'll re-render at 1320 × 2868) and a few minutes. No design background required.

Step 1: Open the editor

Go to screenshotify.app/app. The editor opens with one empty panel containing one device frame. No signup is needed for this step (or any of the design steps — only export requires Pro).

Step 2: Pick iPhone 16 Pro Max as the device

Click the device frame to select it. On the right-hand properties panel, find the device-picker dropdown. It defaults to "✨ Auto (volgt export-formaat)" — the auto frame follows whichever size class you export to. For this tutorial we'll pin it explicitly: pick "iPhone 15 Pro Max" (the closest match in our device list to the iPhone 16 Pro Max body geometry — both share the 6.9" class and identical screenshot dimensions).

The device renders with accurate body proportions derived from the real iPhone 16 Pro Max dimensions (163.0 × 77.6 mm, body ratio 2.10). The Dynamic Island and bezels match the real device.

Step 3: Drop your screenshot

Three ways:

The screenshot auto-fits inside the device frame regardless of its source resolution. If your screenshot is smaller than the iPhone 16 Pro Max native (1320 × 2868), it'll get upscaled and the export may look slightly blurry — capture at native resolution where possible.

Step 4: Add a caption

Click "✏️ Tekst" in the left sidebar. A new text layer drops onto the canvas. Drag it to the top of the panel (the top quarter is the eye-landing zone in carousel-thumbnail renders). Click the text to edit; the properties panel shows font, size, color, weight, alignment.

Caption rules that work:

Step 5: Pick a background

Open the Background section in the sidebar. Three options:

If you're building a multi-panel carousel, keep the background global (one gradient that flows across all panels) instead of per-panel — that's the continuity pattern from the anatomy post.

Step 6: Tilt the device

Select the device frame. In the properties panel find "Tilt Y" — drag to about +12 (degrees). The device rotates around its vertical axis, giving a 3D-perspective look. The SVG-based 3D renderer projects the device correctly with proper depth-sorted side faces.

Pick one tilt direction (positive or negative) and use the same value across all panels. Not alternating.

Step 7: Add more panels

Click "+ Panel" below the carousel. Each new panel inherits the global background. Repeat steps 3-6 for each panel with a different screenshot and a different caption. Aim for 4-5 total panels.

Pro tip: for the second panel of your carousel — usually the strongest visual — pick the most compelling app feature you have. Drop-off in the App Store carousel is real; by panel 6 most users have already swiped past.

Step 8: Translate (if you ship in multiple markets)

Click the language picker in the header (flag dropdown). Check the locales you want to ship. Click "Translate all". Every text layer auto-translates into the enabled locales. Switch the active language to review each — your edits stick per locale.

Translation is a Pro feature. For the tutorial you can skip this step; the rest of the workflow is free.

Step 9: Export

Pro feature. Click "Export" in the header. Pick "iPhone 6.9″" (1320 × 2868) in the size dropdown. If you've enabled multiple locales, all of them export. Click "Download ZIP".

The ZIP contains 6.9"/[locale]/01-panel-name.png per panel. Drop those files into App Store Connect → Screenshots → iPhone 6.9-inch Display per locale.

What can go wrong

Open the editor → iPhone 15 Pro Max page