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 2018

Tap a device name for its details.

iPhone

InchesDevicesLogical sizeScaleRendered pxTo panelPanel pxppiAspectCutout
5.8 iPhone XS 375×812pt @3x 1125×2436 1:1 1125×2436 458 9:19.5≒ Notch
6.1 iPhone XR 414×896pt @2x 828×1792 1:1 828×1792 326 9:19.5≒ Notch
6.5 iPhone XS Max 414×896pt @3x 1242×2688 1:1 1242×2688 458 9:19.5≒ Notch

iPad

InchesDevicesLogical sizeScaleRendered pxTo panelPanel pxppiAspectCutout
9.7 iPad (6th generation) 768×1024pt @2x 1536×2048 1:1 1536×2048 264 3:4
11 iPad Pro 11-inch (1st generation) 834×1194pt @2x 1668×2388 1:1 1668×2388 264 3:4.3≒
12.9 iPad Pro 12.9-inch (3rd generation) 1024×1366pt @2x 2048×2732 1:1 2048×2732 264 3:4≒

Apple Watch

InchesDevicesLogical sizeScaleRendered pxTo panelPanel pxppiAspectCutout
Series 4 40mm 162×197pt @2x 324×394 1:1 324×394 326
Series 4 44mm 184×224pt @2x 368×448 1:1 368×448 326

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