The iPhone 17 screen size is 6.3″ diagonal, with a portrait resolution of 1,206 × 2,622 px. That works out to 460 ppi and an aspect ratio of 1:2.17. If you were asking what screen size the iPhone 17 has, those are the numbers to design against.
iPhone 17 resolution vs points
Two sets of numbers describe the same screen, and they are easy to mix up.
- Pixels: the physical dots on the display, 1,206 × 2,622 px.
- Points: the logical units that iOS layouts use, 402 × 874 pt.
The link between them is the scale factor. The iPhone 17 is a @3x device, so one point is drawn with three pixels in each direction. Every point-based measurement gets multiplied by three to find its pixel size.
What @3x means for designers
If you design in Figma or a similar tool, set your frame to the point size and export assets at 3x. A button that is a certain number of points tall will be exactly three times that in pixels in the exported file. Icons and illustrations stay sharp when you export at 3x, because the screen has the pixels to show them.
What @3x means for developers
In SwiftUI and UIKit you write layouts in points. The system handles the conversion, so you rarely type a pixel value. Pixels matter when you prepare image assets, check a screenshot, or compare a design export against what the device renders. Safe areas, the Dynamic Island region and the home indicator still apply, so keep tappable controls inside them.
What the numbers mean for wallpapers, screenshots and app design
The iPhone 17 screen size in pixels is the target for anything that fills the display.
Wallpapers
Create wallpaper art at 1,206 × 2,622 px so it fills the screen without scaling. The ratio of 1:2.17 is tall and narrow, so a square or wide image will be cropped. Keep the subject near the center and leave room at the top for the clock and at the bottom for the lock screen controls.
Screenshots
A screenshot taken on the device matches the full resolution, 1,206 × 2,622 px. That is useful when you want to drop it into a mockup or a tutorial without resizing. Resizing a screenshot to a different ratio will stretch it, so crop instead.
App design
Design your main frame at 402 × 874 pt. At 460 ppi, the screen is dense enough that thin lines and small text render crisply, but touch targets still need comfortable size and spacing. Test layouts on other iPhone sizes too, since your app will run on all of them.
App Store screenshot size for the iPhone 17
App Store Connect groups the iPhone 17 with iPhones that have a Dynamic Island, in the medium display class. For that class, the accepted screenshot sizes are 1,179 × 2,556 px or 1,206 × 2,622 px.
The second option matches the native screen resolution, 1,206 × 2,622 px, so a raw device screenshot can often be uploaded as is. Pick one size and keep every screenshot in a set consistent. Accepted sizes and requirements can change, so check App Store Connect for the current rules when you upload.
iPhone 17 compared with neighboring models
The iPhone 17 sits between several close siblings. For exact numbers, open the page for each model:
- iPhone 17 Pro screen size for the Pro model.
- iPhone 17 Pro Max screen size for the largest of the family.
- iPhone Air screen size for the thin model.
- iPhone 17e screen size for the e model.
- iPhone 16 screen size for last generation’s base model.
The practical takeaway is that sizes differ between models, so a layout built with flexible constraints and safe areas will adapt better than one pinned to a single frame. If you only produce marketing images, pick the model you want to show and use its own resolution.
How to make an iPhone 17 mockup with the tool on this page
The mockup tool on this page puts your screenshot or artwork inside a device frame. Menus and labels can differ as the tool is updated, but the flow is generally the same.
- Prepare your image at 1,206 × 2,622 px so it fits the screen without cropping.
- Open the mockup tool on this page and choose the iPhone 17 frame if it asks for a model.
- Upload your screenshot or design by dragging it in or using the upload button.
- Check the fit. If the edges look cut off, go back and crop your image to the ratio 1:2.17.
- Adjust any available options, such as background or position.
- Download the result and use it on your site, in a post or in a presentation.
For more frame options, try the iPhone Mockup Generator. If you plan to share the result as a social post, see the Instagram post size page so you export at the right dimensions.