QR code for https://screen-atlas.appbatake.com/en/

Scan with your camera to open screen-atlas

screen-atlas.appbatake.com/en/

Devices announced in 2016

Tap a device name for its details.

iPhone

InchesDevicesLogical sizeScaleRendered pxTo panelPanel pxppiAspectCutout
4 iPhone SE 320×568pt @2x 640×1136 1:1 640×1136 326 9:16≒
4.7 iPhone 7 375×667pt @2x 750×1334 1:1 750×1334 326 9:16≒
5.5 iPhone 7 Plus 414×736pt @3x 1242×2208 ×0.87 1080×1920 401 9:16

iPad

InchesDevicesLogical sizeScaleRendered pxTo panelPanel pxppiAspectCutout
9.7 iPad Pro (9.7-inch) 768×1024pt @2x 1536×2048 1:1 1536×2048 264 3:4

Apple Watch

InchesDevicesLogical sizeScaleRendered pxTo panelPanel pxppiAspectCutout
1.32 Series 1 38mm Series 2 38mm 136×170pt @2x 272×340 1:1 272×340
1.5 Series 1 42mm Series 2 42mm 156×195pt @2x 312×390 1:1 312×390

How to read the table

Logical size
In points. On the web this is the same value in CSS px
Rendered px
Logical size × scale
To panel
How much the rendered pixels are scaled to fit the panel. Unless it is 1:1, pixel-perfect drawing is hard
Aspect
≒ means approximate