The iPhone 17 Pro screen size is 6.3″ on the diagonal, with a resolution of 1,206 × 2,622 px. That works out to 460 ppi and an aspect ratio of 1:2.17. The spec table above has everything in one place, and this page explains what each number means for your work.
Resolution vs points: what @3x means
Two sets of numbers describe this screen, and they are easy to mix up.
- Resolution is the count of physical pixels: 1,206 × 2,622 px.
- Points are the logical units that iOS layouts use: 402 × 874 pt.
The link between them is the scale factor. This phone is @3x, so one point is drawn with three pixels in each direction. A layout that is a given number of points wide gets three times as many pixels across.
For designers
If you design in Figma or Sketch, set your frame to the point size and export assets at 1x, 2x and 3x as needed. A 3x export is the sharpest on this device. Designing at point size keeps your type sizes and spacing in line with what developers read in Xcode.
For developers
In SwiftUI and UIKit you almost never think about raw pixels. You lay out in points, and the system scales everything. Pixel math matters when you prepare bitmap assets, because an image meant to fill the full width should have enough pixels to look crisp at @3x. Use safe areas rather than hard-coded values, since the Dynamic Island and home indicator take up space.
What the numbers mean for wallpapers, screenshots and app design
Wallpapers
For a wallpaper that fills the screen with no stretching, start from 1,206 × 2,622 px. The tall shape, with a ratio of 1:2.17, means a square or landscape photo will be cropped heavily. Keep the main subject in the middle and leave breathing room at the top for the clock and at the bottom for the controls.
Screenshots
A full-screen screenshot from the device matches the native resolution. If you want to share one, remember that the shape is much taller than most feed formats. For social posts you may need to crop or resize, and the Social Media Image Resizer helps with that. Check the Instagram story size page if you want a vertical layout that fits a story frame.
App design
The density of 460 ppi means thin lines and small text render very sharply. That is good news for detail, but it does not mean you can shrink tap targets. Keep touch areas comfortable and follow Apple’s Human Interface Guidelines for minimum sizes. Always test on a real device when you can, because screen size on paper does not show how reachable a button feels.
App Store screenshot size for iPhone 17 Pro
For the display class this phone belongs to (iPhone with Dynamic Island, medium display), App Store Connect accepts 1,179 × 2,556 px or 1,206 × 2,622 px. In practice, that means you can export at the device’s native resolution and upload it without scaling.
A few practical tips:
- Export a PNG or JPEG without transparency.
- Keep the orientation consistent across a set.
- Check the current requirements in App Store Connect, because accepted sizes and the number of screenshots can change over time.
If you place screenshots inside a device frame or add captions, make sure the final image still matches one of the accepted sizes.
Comparison with neighboring models
If you are choosing which device to design for, it helps to see how the Pro sits next to its siblings. Each model has its own page with the full spec table:
- iPhone 17 screen size for the standard model.
- iPhone 17 Pro Max screen size for the larger Pro.
- iPhone Air screen size for the thinner model.
- iPhone 17e screen size for the entry model.
People also search for the iPhone 16 screen size, and the iPhone 16 Pro screen size is a useful reference if you still support the previous generation. For the latest, see the iPhone 18 Pro screen size page.
The practical takeaway: for this model, use 402 × 874 pt as your main design frame. Then check your layout on the larger and smaller models to make sure nothing breaks. Flexible layouts that respond to the available width save you from designing a separate version for each phone.
How to make a mockup with the tool on this page
You can put a screenshot inside an iPhone frame right in your browser. Menus and labels can differ slightly as the tool is updated, but the flow is generally the same.
- Prepare your screenshot. A native capture at 1,206 × 2,622 px fits the frame best.
- Open the mockup tool on this page and choose the iPhone 17 Pro frame.
- Upload your image or drag it onto the screen area.
- Adjust the position or fit if your image has a different shape.
- Pick a background if the tool offers one.
- Preview the result, then download the file.
For more frame options, try the iPhone Mockup Generator.