Scribd
Upload
403 views

The Ultimate Guide To Iphone Resolutions, by Paintcode: Points

The document provides an overview of iPhone resolutions from the iPhone 2G to iPhone Xs Max. It explains that drawings are specified in points, which are then rendered and rasterized into pixels at different scale factors depending on the device. The rendered pixels may then be downsampled to match the physical pixel resolution of the device screen before being displayed, with the pixels per inch (PPI) specifying how large the physical pixels appear.

Uploaded by

Ron
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
403 views

The Ultimate Guide To Iphone Resolutions, by Paintcode: Points

The document provides an overview of iPhone resolutions from the iPhone 2G to iPhone Xs Max. It explains that drawings are specified in points, which are then rendered and rasterized into pixels at different scale factors depending on the device. The rendered pixels may then be downsampled to match the physical pixel resolution of the device screen before being displayed, with the pixels per inch (PPI) specifying how large the physical pixels appear.

Uploaded by

Ron
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

The Ultimate Guide to iPhone Resolutions, by PaintCode

6.5″ 5.5″
6.1″ 5.8″ 4.7″ 4″ 3.5″
3.5″

iPhone Xs Max iPhone XR iPhone X, Xs 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 (points)
375 × 812
414 × 896 414 × 896 (points)
Points are abstract units, (points)
they only make sense in (points) (points)
this mathematical
coordinate space.

render at 3× render at 2× 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)
828 × 1792
rasterization.
(pixels) 1242 × 2208
1125 × 2436 (pixels)
Point coordinates are 1242 × 2688 (pixels)
multiplied by scale factor (pixels)
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 326 PPI 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 6.1″
6.5″ 5.5″
how many pixels fit into
one inch and thus how
large the pixels appear in
the real world.

PaintCode is a unique vector drawing app that turns your drawings


into Swift or Objective-C code. More info at PaintCodeApp.com

You might also like