Complication Images

When designing the images for your complication’s content, create template images and size them according to the complication templates you plan to use. Most 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 graphic family, on the other hand, supports full-color images.

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.

Sizes

Circular Small

Template 38mm 40mm and 42mm 44mm
Ring 40px × 40px (20pt × 20pt @2x) 44px × 44px (22pt × 22pt @2x) 48px × 48px (24pt × 24pt @2x)
Simple 32px × 32px (16pt × 16pt @2x) 36px × 36px (18pt × 18pt @2x) 40px × 40px (20pt × 20pt @2x)
Stack 32px max × 14px (16pt × 7pt @2x) 34px max × 16px (17pt × 8pt @2x) 38px max × 18px (19pt × 9pt @2x)

Modular Small

Template 38mm 40mm and 42mm 44mm
Ring 36px × 36px (18pt × 18pt @2x) 38px × 38px (19pt × 19pt @2x) 42px × 42px (21pt × 21pt @2x)
Simple 52px × 52px (26pt × 26pt @2x) 58px × 58px (29pt × 29pt @2x) 64px × 64px (32pt × 32pt @2x)
Stack 52px max × 28px (26pt × 14pt @2x) 58px max × 30px (29pt × 15pt @2x) 64px max × 34px (32pt max × 17pt @2x)

Modular Large

Template 38mm 40mm and 42mm 44mm
Columns 22-64px × 22px (11-32pt × 11pt @2x) 24-74px × 24px (12-37pt × 12pt @2x) 28-84px × 28px (14-42pt × 14pt @2x)
Standard body 22-64px × 22px (11-32pt × 11pt @2x) 24-74px × 24px (12-37pt × 12pt @2x) 28-84px × 28px (14-42pt × 14pt @2x)
Table 22-64px × 22px (11-32pt × 11pt @2x) 24-74px × 24px (12-37pt × 12pt @2x) 28-84px × 28px (14-42pt × 14pt @2x)

Utility Small

Template 38mm 40mm and 42mm 44mm
Flat 18-42px × 18px (9-21pt × 9pt @2x) 20-44px × 20px (10-22pt × 10pt @2x) N/A
Ring 28px × 28px (14pt × 14pt @2x) 28px × 28px (14pt × 14pt @2x) 32px × 32px (16pt × 16pt @2x)
Square 40px × 40px (20pt × 20pt @2x) 44px × 44px (22pt × 22pt @2x) 50px × 50px (25pt × 25pt @2x)

Utility Large

Template 38mm 40mm and 42mm 44mm
Flat 18-42px × 18px (9-21pt × 9pt @2x) 20-44px × 20px (10-22pt × 10pt @2x) N/A

Extra Large

Template 38mm 40mm and 42mm 44mm
Ring 126px × 126px (63pt × 63pt @2x) 133px × 133px (66.5pt × 66.5pt @2x) 146px × 146px (73pt × 73pt @2x)
Simple 182px × 182px (91pt × 91pt @2x) 203px × 203px (101.5pt × 101.5pt @2x) 224px × 224px (112pt × 112pt @2x)
Stack 156px max × 84px (78pt × 42pt @2x) 174px max × 90px (87pt × 45pt @2x) 192px max × 102px *(96pt × 51pt @2x

Graphic Corner

Template 40mm 44mm
Circular image (masked to circle) 64px × 64px (32pt × 32pt @2x) 72px × 72px (36pt × 36pt @2x)
Gauge image (masked to circle) 40px × 40px (20pt × 20pt @2x) 44px × 44px (22pt × 22pt @2x)
Text image (masked to circle) 40px × 40px (20pt × 20pt @2x) 44px × 44px (22pt × 22pt @2x)

Graphic Circular

Template 40mm 44mm
Image (masked to circle) 84px × 84px (42pt × 42pt @2x) 94px × 94px (47pt × 47pt @2x)
Closed gauge image (masked to circle) 54px × 54px (27pt × 27pt @2x) 62px × 62px (31pt × 31pt @2x)
Open gauge image (masked to circle) 22px × 22px (11pt × 11pt @2x) 24px × 24px (12pt × 12pt @2x)

Graphic Bezel

See Graphic Circular.

Graphic Rectangular

Template 40mm 44mm
Large image (corner radius of 4pt applied) 300px × 94px (150pt × 47pt @2x) 342px × 108px (171pt × 54pt @2x)
Standard body 24px × 24px (12pt × 12pt @2x) 27px × 27px (13.5pt × 13.5pt @2x)
Text gauge 24px × 24px (12pt × 12pt @2x) 27px × 27px (13.5pt × 13.5pt @2x)

Placeholder Images

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 40mm and 42mm 44mm
Circular 32px × 32px (16pt × 16pt @2x) 36px × 36px (18pt × 18pt @2x) 40px × 40px (20pt × 20pt @2x)
Extra large 156px × 156px (78pt × 78pt @2x) 174px × 174px (87pt × 87pt @2x) 192px × 192px (96pt × 96pt @2x)
Modular 52px × 52px (26pt × 26pt @2x) 58px × 58px (29pt × 29pt @2x) 64px × 64px (32pt × 32pt @2x)
Utility 40px × 40px (20pt × 20pt @2x) 44px × 44px (22pt × 22pt @2x) 50px × 50px (25pt × 25pt @2x)
Graphic Corner N/A 40px × 40 px (20pt × 20pt @2x) 44px × 44px (22pt × 22pt @2x)
Graphic Circular N/A 84px × 84px (42pt × 42pt @2x) 94px × 94px (47pt × 47pt @2x)
Graphic Bezel N/A 84px × 84px (42pt × 42pt @2x) 94px × 94px (47pt × 47pt @2x)
Graphic Rectangular N/A 300px × 94px (150pt × 47pt @2x) 342px × 108px (171pt × 54pt @2x)