iPhone 17e screen size and viewport
The one current iPhone with a notch instead of a Dynamic Island. 390 by 844, the same viewport the iPhone 12, 13 and 14 used.
The notch is part of the bezel art. Anything near the top edge of the screenshot sits under it, the same as on the phone. The viewport below is what Hoverify's responsive viewer renders the page at for this device, in CSS pixels. The frame image is that viewport plus the bezel, at 3 pixels per CSS pixel. Rows marked "in the frame image" are in those pixels, so they drop straight into Figma or Photoshop at the frame's full size.
- Viewport (CSS px)
- 390 × 844
- Device pixel ratio
- 3
- Physical pixels at that ratio
- 1170 × 2532
- Operating system
- iOS
- Screen cutout
- Notch
- Status bar height
- 47 CSS px
- Navigation
- Gesture bar
- Screen corner radius
- 141 px in the frame image (47 CSS px)
- Frame image
- 1326 × 2688 px at 3× (442 × 896 CSS px)
- Screen opening offset
- 78 px from the left, 78 px from the top in the frame image (26 and 26 CSS px)
- Finishes
- Black, White, Soft Pink
iPhone 17e frame PNG and WebP download
The bare bezel with a transparent screen opening, one file per finish. The WebP is the file the Hoverify extension ships. The PNG is decoded from it in your browser when you click, and the pixels are identical. You can use both in personal and commercial work under the device frames license, and credit is optional.
Frequently Asked Questions
Have a question we haven't answered? Get in touch.
Test your live site on every device at once
The responsive viewer in Hoverify loads your page inside this frame at 390 × 844, with Safari's bars drawn around it, next to every other device you have added. Scroll one and they all scroll. Capture a framed screenshot from the device header when it looks right.
- 3 browsers per license
- 14-day refund
- No auto-renewal


