iPhone 17 mockup maker
The standard-size iPhone 17 is the phone most people picture when they say iPhone. Drop a screen into a frame drawn for its 402 × 874 pt display and export a PNG at the scale you need.
Loading the maker. It needs JavaScript and runs only in your browser.
iPhone 17 specifications
| Screen, points | 402 × 874 pt |
|---|---|
| Screen, pixels | 1206 × 2622 px at 3x |
| Pixel density | 460 ppi |
| Aspect ratio | 2.17:1 |
| Screen corner radius | 62 pt (186 px) |
| Cut-out drawn | Dynamic Island, 126 × 37 pt |
| Safe area, portrait | top 62 pt, bottom 34 pt |
| Status bar or menu bar | 54 pt |
| Our frame: border and edge | 3.4 pt and 1.8 pt |
| Our frame: body | 412.4 × 884.4 pt |
| Our frame: with side buttons | 417.2 × 884.4 pt |
| Export, frame only, 1x | 417 × 884 px |
| Export, frame only, 2x | 834 × 1769 px |
| Export, frame only, 3x | 1252 × 2653 px |
| Default export, native 3x, 10% padding | 1782 × 3184 px |
| Same screen pixels as | iPhone 18 Pro, iPhone 17 Pro and iPhone 16 Pro |
| Formats | PNG with transparency, or JPEG without |
Screen values come from Xcode's device profiles and the iOS Simulator; the frame values are our own drawing.
Export sizes for iPhone 17
| Use | Width | Height |
|---|---|---|
| Frame only, 2x Blog header, newsletter image | 834 px | 1769 px |
| Native 3x Highest quality for print or a slide | 1252 px | 2653 px |
| Caption canvas Frame on a 6.9 inch store slot | 1290 px | 2796 px |
The first row is the frame alone at that scale. Other rows are canvas sizes: set the padding and rotation noted, then place the PNG on a background of that size.
The 6.3 inch size that most listings ask for
The iPhone 17 screen is 1206 × 2622 pixels. Apple's App Store Connect asks for at least one set of screenshots on the medium Dynamic Island display, and 1206 × 2622 is one of the sizes that slot accepts. A mockup built from that exact size means the picture in your store listing, your deck and your landing page all come from the same source file, with no resampling between them.
Because the display is 402 × 874 pt, a design made at the usual 393 pt width has to be widened by 9 points, and the safe area stays at 62 pt on top and 34 pt at the bottom. If your layout was designed on an older 393 pt phone, check the edges after you drop it in: the Fill option crops to the glass, Fit shows the whole picture on black, and Stretch distorts, so use it only on purpose.
What the drawn frame measures
Our iPhone 17 frame uses a black border of 3.4 pt and a metal edge of 1.8 pt, which gives an outer body of 412.4 × 884.4 pt and an export of 834 × 1769 px at 2x or 1252 × 2653 px at 3x. The corner radius of the glass is 62 pt, and the Dynamic Island is drawn as a 126 × 37 pt pill, the collapsed size measured on a 393 pt phone.
Five finishes are on offer, black, lavender, sage, rose and deep blue. They are our own colors and names. Pick one that contrasts with the background: a lavender body on a lavender gradient melts into it, while a black body on a pale gradient gets a crisp outline.
Where an iPhone 17 mockup earns its place
Founders use it for a launch post, designers for a case study cover, teachers for a handout that shows a step on screen. Creators put it behind a title in a short video. In every case the mockup is a picture of a screen and nothing more, so label it as such when the context could confuse a viewer.
Questions
What are the iPhone 17 screen dimensions?
402 × 874 points, 1206 × 2622 pixels at 3x, with a corner radius of 62 pt in Xcode's device profile.
Which other phones share this screen size?
iPhone 18 Pro, iPhone 17 Pro and iPhone 16 Pro use the same 1206 × 2622 pixels, so one source image works for all of them.
How do I get the phone on a transparent background?
Choose Transparent under Background. The export is a PNG with an alpha channel and the shadow stays soft around the body.
Does it work on my phone?
Yes. The controls stack under the preview on a narrow screen, and you can pick an image from your photo library.
More mockups
- IPhone 17 Pro Max mockup makerPut any screen in a drawn iPhone 17 Pro Max frame (1320 × 2868 px).
- IPhone 16 mockup makerAn iPhone 16 mockup in your browser: 393 × 852 pt screen, 1179 × 2556 px, five drawn finishes.
- Crypto wallet app mockup makerPlace a crypto wallet app screen in a drawn iPhone frame.
- All mockups by deviceTen frames drawn for phones, a tablet and a laptop.
- Larp wallpapers for iPhone and MacJPEG backgrounds at the exact pixel size of each iPhone, mockup, not proof.
- App Store screenshot size calculatorThe exact pixel sizes App Store Connect accepts for each device.
Made by My Larp Wallet, a crypto wallet simulator that draws a wallet screen from the balances you type. The maker is a separate free tool: it needs no account, and what it draws is a mockup of a screen, never proof.
Not affiliated with Apple, Samsung or Google. iPhone, iPad and MacBook are trademarks of Apple Inc.; Samsung and Google are trademarks of their owners. The frames on this page are drawn by us from public screen dimensions and are not official artwork.