iPhone 17e Mockup Generator

Drop in a screenshot and download it inside the iPhone 17e frame as a PNG. The screen is 390 × 844 CSS px with a notch, and the frame comes in Black, White and Soft Pink. Your screenshot stays in your browser.

1326 × 2688
Screenshot
Orientation
You can use the mockup in commercial work without crediting Hoverify. License terms

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.

iPhone 17e1326 × 2688 px per file
iPhone 17e frame in Black
Black
iPhone 17e frame in White
White
iPhone 17e frame in Soft Pink
Soft Pink

Frequently Asked Questions

Have a question we haven't answered? Get in touch.

For web developers and designers

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