iPhone XR Screen Size
The iPhone XR has a 6.1 inch screen with a resolution of 828 × 1792 pixels, about 324 pixels per inch. The screen itself is 2.6 in6.5 cm wide and 5.5 in14.1 cm tall (6.5 cm2.6 in × 14.1 cm5.5 in), measured as a rectangle before the rounded corners.
- Screen
- 6.1 in 15.5 cm
- Resolution
- 828 × 1792
- Pixel density
- 324 PPI
- Released
- 2018
How big is the iPhone XR screen?
- Screen (diagonal)
- 6.1 in (15.5 cm)
- Screen width
- 2.6 in6.5 cm · 6.5 cm2.6 in
- Screen height
- 5.5 in14.1 cm · 14.1 cm5.5 in
- Screen area
- 14 sq in91 sq cm
- Aspect ratio
- 19.5:9 (2.16:1)
- Resolution
- 828 × 1792
- Total pixels
- 1.5 million
- Pixel density
- 324 PPI
- Pixels per cm
- 128
- Pixel size
- 0.078 mm
- Released
- 2018
Which iPhones came out in 2018?
Apple released 3 iPhones in 2018: the iPhone XS Max, iPhone XR and iPhone XS. Their screens ran from 5.8 to 6.5 inches. Its screen sat in the middle of the 2018 range.
The iPhone XS Max is under half an inch bigger corner to corner, with about a tenth more screen area. The iPhone XS is about a third of an inch smaller corner to corner, with about a tenth less screen area.
How did the screen change from the iPhone X?
The iPhone XR replaced the iPhone X from 2017. The iPhone XR screen is 0.3 in (0.8 cm) bigger diagonally, with 11% more screen area than the iPhone X. Pixel density went from 463 to 324 PPI.
How sharp is the iPhone XR screen?
At 324 pixels per inch, single pixels vanish for 20/20 vision beyond 10.6 in27.0 cm (27.0 cm10.6 in). You hold a phone closer than that only when reading small print, so the screen looks smooth.
The iPhone XS was sharper that year, which shows only when you hold the phone close. Across our list, thirty-seven iPhones have a higher pixel density.
Where does the iPhone XR rank among iPhone screens?
Of the thirty-eight other iPhones in our list, seventeen have a bigger screen, nine a smaller one and twelve the same size. When it came out, only the iPhone XS Max had a bigger screen.
The iPhone XR was the first iPhone with this exact screen. Apple used it again on the iPhone 11.
What is the iPhone XR screen size in CSS pixels?
Websites see the iPhone XR as 414 × 896 CSS pixels in portrait, with a device pixel ratio of 2. Each CSS pixel uses 2 × 2 screen pixels, which gives the full 828 × 1792 resolution.
- Viewport, portrait
- 414 × 896
- Viewport, landscape
- 896 × 414
- Device pixel ratio
- 2
- One CSS pixel
- 0.157 mm
A common text size of 16 CSS pixels measures about 2.5 mm (0.10 in) on this screen. The visible area in Safari is smaller than the viewport, because the address bar and toolbar take space. The same 414 × 896 viewport is used by the iPhone 11 Pro Max, 11 and XS Max.
How does the iPhone XR compare with other iPhones?
The table shows the iPhones released around the iPhone XR. Width and area are measured against the iPhone XR.
Shop for the iPhone XR
Affiliate linksMore questions about the iPhone XR screen
What are the iPhone XR screen dimensions in cm?
The screen is 6.5 cm wide and 14.1 cm tall, with a diagonal of 15.5 cm. The phone body is bigger than the screen.
Is the iPhone XR screen 6.1 inches wide?
No. 6.1 inches (15.5 cm) is the diagonal, measured corner to corner. The screen is 2.6 in (6.5 cm) wide.
How many pixels does the iPhone XR screen have?
It has 1,483,776 pixels, about 1.5 million, at 324 pixels per inch. Each pixel is 0.078 mm across.
Which iPhones have the same screen as the iPhone XR?
The iPhone 11 has the same 6.1 inch screen and 828 × 1792 resolution. Cases still differ, because the bodies and cameras are not the same.
How we measure
Width = diagonal × resolution width ÷ √(width² + height²), and the same for height, using the pixel counts. Pixel density is the pixel diagonal divided by the screen diagonal.
Diagonal and resolution from Apple's technical specifications. CSS size and pixel ratio from Apple's Xcode iOS Simulator device profiles. Last checked 2026-10-08.