iPhone SE screen size and viewport
The smallest iPhone still in circulation: 375 by 667, a home button, no cutout and a 20 px status bar. If a layout breaks anywhere, it breaks here first.
There is no cutout. The whole screen opening is yours. 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)
- 375 × 667
- Device pixel ratio
- 2
- Physical pixels at that ratio
- 750 × 1334
- Operating system
- iOS
- Screen cutout
- None
- Status bar height
- 20 CSS px
- Navigation
- Home button
- Screen corner radius
- Square corners
- Frame image
- 1329 × 2697 px at 3× (443 × 899 CSS px)
- Screen opening offset
- 102 px from the left, 348 px from the top in the frame image (34 and 116 CSS px)
- Finishes
- Midnight, Starlight, (PRODUCT)RED
iPhone SE 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 375 × 667, 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


