Image Size and Resolution

CarPlay uses a coordinate system to place content onscreen. This coordinate system is based on measurements in points, which map to pixels in the display. On a standard-resolution screen, one point (1/72 of an inch) is equal to one pixel. High-resolution screens have a higher pixel density. Because there are more pixels in the same amount of physical space, there are more pixels per point. As a result, high-resolution displays require images with more pixels.

Illustration of three black circles, each at a different level of resolution; 1x, 2x, and 3x.

A standard-resolution image has a scale factor of 1.0 and is referred to as an @1x image. High-resolution images have a scale factor of 2.0 or 3.0 and are referred to as @2x and @3x images. For example, if you have a standard-resolution @1x image that’s 100px × 100px, the @2x version of this image is 200px × 200px. The @3x version is 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.