PaintCode Sketch Tutorials Documentation FAQ Support News Buy Now

The Ultimate Guide To iPhone Resolutions

UPDATE: We have added the new iPhone X, iPhone 8 and iPhone 8 Plus to the
guide below. To learn more about the unique screen of iPhone X, check out
our new iPhone X Screen Demystified article.
 5.5″
5.8″ 4.7″ 4″ 3.5″ 3.5″

NEW iPhone X iPhone 5, 5s, 5c, SE iPhone 4, 4s iPhone 2G, 3G, 3GS

Points
At the beginning,
coordinates of all
drawings are specified in 320 × 480 320 × 480
320 × 568 (points) (points)
points. 375 × 667 (points)
414 × 736
375 × 812 (points)
(points)
Points are abstract units, (points)
they only make sense in
this mathematical
coordinate space.

render at 3× render at 3× render at 2× render at 2× render at 2× render at 1×

Rendered Pixels 320 × 480

Point-based drawings are (pixels)
640 × 960
rendered into pixels. This 640×1136
750 × 1334 (pixels)
(pixels)
process is known as (pixels)
rasterization.
1242 × 2208
1125 × 2436 (pixels)
Point coordinates are (pixels)
multiplied by scale factor
to get pixel coordinates.
Higher scale factors result
in higher level of detail.

downsampling / 1.15

Physical Pixels
The device screen may
have lower pixel resolution
than the image rendered
in previous step. 1080 × 1920
(device pixels)

Before the image can be

displayed, it must be
downsampled (resized) to
lower pixel resolution.

show at 458 PPI show at 401 PPI show at 326 PPI show at 326 PPI show at 326 PPI show at 163 PPI

Physical Device
Finally, computed pixels
are displayed on the
physical screen.
3.5″ 3.5″
4″
5.8″ 4.7″
The PPI number tells you 5.5″
how many pixels fit into
one inch and thus how
large the pixels appear in
the real world.

Send me a printable PDF poster for free

your e-mail address Send Now

 Did you like this article?
Tweet

Introducing PaintCode 3.
Turn your drawings into resolution-independent code.

Learn More...

Made by PixelCut. Our Products Learn Company Follow Us © PixelCut 2018

PaintCode About Us About Us
Plugin for Sketch Tutorials Support
Documentation News
FAQ