iPhone 18 Pro Max screen size and viewport
Same 440 by 956 viewport as the 17 Pro Max, with a smaller Dynamic Island. If your layout works on one it works on the other.
The Dynamic Island is drawn into the bezel art, and the extension keeps its own drawn cutout hidden when the frame is on. 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)
- 440 × 956
- Device pixel ratio
- 3
- Physical pixels at that ratio
- 1320 × 2868
- Operating system
- iOS
- Screen cutout
- Dynamic Island
- Status bar height
- 62 CSS px
- Navigation
- Gesture bar
- Screen corner radius
- 186 px in the frame image (62 CSS px)
- Frame image
- 1440 × 2988 px at 3× (480 × 996 CSS px)
- Screen opening offset
- 60 px from the left, 60 px from the top in the frame image (20 and 20 CSS px)
- Finishes
- Black, Silver, Glacier, Burgundy
iPhone 18 Pro Max 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 440 × 956, 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



