Scribd Logo
Upload

Welcome to Scribd!

  • 365 views

    The Ultimate Guide To Iphone Resolutions, by Paintcode: Points

    Uploaded by

    Ron
    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.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    The Ultimate Guide To Iphone Resolutions, by Paintcode: Points

    Uploaded by

    Ron
    365 views1 page
    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.

    Original Description:

    dasadas

    Original Title

    Title

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    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.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    365 views1 page

    The Ultimate Guide To Iphone Resolutions, by Paintcode: Points

    Uploaded by

    Ron
    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.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 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