Complication Images

When designing the images for your complication’s content, create your images as template images and size them according to the complication templates you plan to use. Template images use only the alpha channel of the image to define their shape. Prior to display, an app-supplied tint color is applied to the shape to create its final appearance.

The following table lists the dimensions to use for images. Sizes are specified as the maximum values for each dimension.

Family Template 38mm 42mm
Circular small Ring 40px × 40px (20pt × 20pt @2x) 44px × 44px (22pt × 22pt @2x)
Simple 32px × 32px (16pt × 16pt @2x) 36px × 36px (18pt × 18pt @2x)
Stack 32px max × 14px (16pt × 7pt @2x) 34px max × 16px (17pt × 8pt @2x)
 
Extra large Ring 126px × 126px (63pt × 63pt @2x) 133px × 133px (66.5pt × 66.5pt @2x)
Simple 182px × 182px (91pt × 91pt @2x) 203px × 203px (101.5pt × 101.5pt @2x)
Stack 156px max × 84px (78pt × 42pt @2x) 174px max × 90px (87pt × 45pt @2x)
 
Modular large Columns 22-64px × 22px (11-32pt × 11pt @2x) 24-74px × 24px (12-37pt × 12pt @2x)
Standard body 22-64px × 22px (11-32pt × 11pt @2x) 24-74px × 24px (12-37pt × 12pt @2x)
Table 22-64px × 22px (11-32pt × 11pt @2x) 24-74px × 24px (12-37pt × 12pt @2x)
 
Modular small Ring 36px × 36px (18pt × 18pt @2x) 38px × 38px (19pt × 19pt @2x)
Simple 52px × 52px (26pt × 26pt @2x) 58px × 58px (29pt × 29pt @2x)
Stack 52px max × 28px (26pt × 14pt @2x) 58px max × 30px (29pt × 15pt @2x)
 
Utility large Flat 18-42px × 18px (9-21pt × 9pt @2x) 20-44px × 20px (10-22pt × 10pt @2x)
 
Utility small Flat 18-42px × 18px (9-21pt × 9pt @2x) 20-44px × 20px (10-22pt × 10pt @2x)
Ring 28px × 28px (14pt × 14pt @2x) 28px × 28px (14pt × 14pt @2x)
Square 40px × 40px (20pt × 20pt @2x) 44px × 44px (22pt × 22pt @2x)

Every complication must provide a set of static images to act as placeholders when the system has no other content to display for your complication’s data.

The following table lists the sizes of the no-content images to include for your app. Sizes are specified as the maximum values for each dimension.

Family 38mm 42mm
Circular 32px × 32px (16pt × 16pt @2x) 36px × 36px (18pt × 18pt @2x)
Extra large 156px × 156px (78pt × 78pt @2x) 174px × 174px (87pt × 87pt @2x)
Modular 52px × 52px (26pt × 26pt @2x) 58px × 58px (29pt × 29pt @2x)
Utility 40px × 40px (20pt × 20pt @2x) 44px × 44px (22pt × 22pt @2x)

Set line widths to four pixels or greater to ensure that they remain legible. Use line weights that are appropriate for the device size and the complexity of the image.

Provide complication images in PNG format. Avoid using interlaced PNGs. Complication images use only the alpha channel of the image.