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 2019

Tap a device name for its details.

iPhone

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

iPad

InchesDevicesLogical sizeScaleRendered pxTo panelPanel pxppiAspectCutout
7.9 iPad mini (5th generation) 768×1024pt @2x 1536×2048 1:1 1536×2048 326 3:4
10.2 iPad (7th generation) 810×1080pt @2x 1620×2160 1:1 1620×2160 264 3:4
10.5 iPad Air (3rd generation) 834×1112pt @2x 1668×2224 1:1 1668×2224 264 3:4

Apple Watch

InchesDevicesLogical sizeScaleRendered pxTo panelPanel pxppiAspectCutout
Series 5 40mm 162×197pt @2x 324×394 1:1 324×394 326
Series 5 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