How to Make an iPhone Screenshot Mockup for a Presentation
Put an iPhone screen on a slide without it looking pasted in: generate it at real device resolution, keep the aspect ratio sacred, and make the status-bar details agree across slides.
·4 min read
To put an iPhone screenshot in a presentation, generate the screen at a real iPhone resolution, place it on the slide at its native aspect ratio, and never stretch it to fill space. The difference between a deck that looks considered and one that looks rushed is usually the phone screen — it is the one element in the deck your audience sees every day on their own device, so they notice when it is wrong.
Why phone screens go wrong on slides
Three mistakes account for most of it. The screenshot gets stretched to a different aspect ratio, which everyone perceives even if nobody names it. It gets scaled up from a small capture until the text goes soft. Or the content is right but the chrome is wrong — a status bar from an old iOS version, a time that changes between slides, a battery at 3% pulling attention.
Generate the screen instead of hunting for one
If the slide needs an iPhone Photos screen around your own image, the iPhone Photos Screenshot Generator renders one in the browser: your photo, an editable caption and date, a clean status bar, exported at the exact resolution a real iPhone writes. That gives you a consistent, current screen every time, rather than whatever was in your camera roll.
Keep the aspect ratio sacred
A modern iPhone screen is roughly 9:19.5 — much taller than it is wide. Place it on the slide at that shape and resize from the corners only. If the layout wants something wider, crop the top or bottom of the screenshot deliberately rather than squashing the whole thing. A phone mockup that is 5% too wide reads as wrong to an audience that cannot say why.
Size it for the room, not the laptop
Slides get projected, and projection is unkind to small text. A screenshot exported at true device resolution — 1170×2532 and up — stays sharp at any size the slide asks of it. The full table of what each model writes is in iPhone screenshot sizes for every model. Export big and scale down; never the reverse.
Make the details agree
If the phone appears on several slides, keep the time, battery, and signal identical throughout — an audience notices a clock that jumps around. The convention is 9:41, the time Apple itself uses in its marketing, which is why it reads as neutral where 2:37 reads as arbitrary.
How do you make an iPhone mockup for a slide deck?
Generate the screen with your own content at a real iPhone resolution, keep the native aspect ratio on the slide, use consistent status-bar details across slides, and export as PNG so text stays crisp. The whole job takes a couple of minutes in the browser, with nothing to install.
Something out of date or wrong here? Device specs and interface details shift with every release. Tell me and I'll fix it.
Related reading
- iPhone Screenshot Sizes for Every ModelThe exact pixel dimensions iOS writes when you take a screenshot, model by model, plus how points and pixels relate and why the numbers are what they are.
- How to Make Phone Mockups Without Figma or PhotoshopA practical walkthrough for putting a photo or design inside a realistic phone screen when you don't have a design tool, a license, or twenty minutes to spare.