Devices announced in 2017
Tap a device name for its details.
iPhone
| Inches | Devices | Logical size | Scale | Rendered px | To panel | Panel px | ppi | Aspect | Cutout |
|---|---|---|---|---|---|---|---|---|---|
| 4.7 | iPhone 8 | 375×667pt | @2x | 750×1334 | 1:1 | 750×1334 | 326 | 9:16≒ | |
| 5.5 | iPhone 8 Plus | 414×736pt | @3x | 1242×2208 | ×0.87 | 1080×1920 | 401 | 9:16 | |
| 5.8 | iPhone X | 375×812pt | @3x | 1125×2436 | 1:1 | 1125×2436 | 458 | 9:19.5≒ | Notch |
iPad
| Inches | Devices | Logical size | Scale | Rendered px | To panel | Panel px | ppi | Aspect | Cutout |
|---|---|---|---|---|---|---|---|---|---|
| 9.7 | iPad (5th generation) | 768×1024pt | @2x | 1536×2048 | 1:1 | 1536×2048 | 264 | 3:4 | |
| 10.5 | iPad Pro (10.5-inch) | 834×1112pt | @2x | 1668×2224 | 1:1 | 1668×2224 | 264 | 3:4 | |
| 12.9 | iPad Pro 12.9-inch (2nd generation) | 1024×1366pt | @2x | 2048×2732 | 1:1 | 2048×2732 | 264 | 3:4≒ |
Apple Watch
| Inches | Devices | Logical size | Scale | Rendered px | To panel | Panel px | ppi | Aspect | Cutout |
|---|---|---|---|---|---|---|---|---|---|
| 1.32 | Series 3 38mm | 136×170pt | @2x | 272×340 | 1:1 | 272×340 | — | — | |
| 1.5 | Series 3 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