Image Size and Resolution

The coordinate system CarPlay uses to place content onscreen is based on measurements in points, which map to pixels in the display. A standard-resolution display has a 1:1 pixel density (or @1x), where one pixel is equal to one point. High-resolution displays have a higher pixel density, offering a scale factor of 2.0 or 3.0 (referred to as @2x and @3x). As a result, high-resolution displays demand images with more pixels.

Diagram of three circles, each rendered at a different resolution and having a different number of pixels. The left circle is in standard resolution at scale factor 1 and has 10 x 10 pixels. The middle circle is in high resolution at scale factor 2 and has 20 x 20 pixels. The right circle is in high resolution at scale factor 3 and has 30 x 30 pixels.

For example, suppose you have a standard resolution (@1x) image that's 100px × 100px. The @2x version of this image would be 200px × 200px, and the @3x version would be 300px × 300px.

Supply high-resolution images with scale factors of @2x and @3x for all CarPlay artwork in your app. The system automatically shows the correct images and scales them appropriately, based on the resolution and size of the car’s display.