Image sizes

Specifications for images used in page components available to content owners.

Page Thumbnails and Heroes

Component

Image

Aspect Ratio

Recommended Image Size

Recommended Image Format

Minimum Acceptable Image Size

Notes

Page Thumbnail

Thumbnail

1.6767

1000x596

JPG

720x429

 

Default Page Hero

Image

1.6989

666x392

JPG

666x392

 

Curated Page Hero

Image

1.6989

666x392

JPG

666x392

 

Long Text Hero

Image

1.6782

720x429

JPG

N/A

This component supports images of any size, but it is recommended to use 720x429. Taller images can cause the image component to expand vertically and consume more space, this is not recommended.

Large Banner Hero Carousel

Image

N/A

Max Height: 520px

Max Width: 720px 

PNG

N/A

This is a special component that allows transparent images with many aspect ratios. There are 3 rules each image has to follow:

  • Use PNG with transparency
  • Maximum Height of 520px
  • Maximum Width of 720px

The component will adjust the image to fit the available space in the slide.

Components

Component

Image

Aspect Ratio

Recommended Image Size

Recommended Image Format

Minimum Acceptable Image Size

Notes

Award

Logo

1.7182

350x203

JPG

189x110

 

Banner Campaign

Large (Desktop)

3.5656

1380 x 387px

JPG

706x198

The Banner Campaign is very flexible and it does not limit the ratio of the image. Images will be downscaled to fit a maximum of the 100% of the widget available in the page. For desktop, it will downscale images larger than 1410px keeping its original ratio. It is not recommended to use very large images because the text will become unreadable when downscaled. Please use the recommended image size unless there is a special requirement.

Note that a mobile version of the graphic is also required.

Banner Campaign

Mobile

1.1359

234x206

JPG

234x206

 

Homepage: Carousel

Slide Image

1.6702

785x470

JPG

785x470

If an image without the expected size is uploaded, the component will downscale it maintaining the original ratio. The results may vary based on the image ratio. For the best results, use the recommended image size.

Curated CTA

Image

1.6782

720x429

JPG

426x254

This component does not modify the selected image aspect ratio but it is recommended to use 720x429 for better results. 

Featured Content

Image

1.6771

426x254

JPG

426x254

 

External Asset

Image

0.7686

186x242

JPG

186x242

 

Featured Content - Context

Image

1.6771

426x254

JPG

426x254

 

Featured Content Item

Image

1.6685

307x184

JPG

307x184

 

Flex Financial Service Object

Image

1.6989

666x392

JPG

666x392

 

Captioned Image

Background

2.6667

1440x540

JPG

1440x540

 

Image Hotspot

Image

N/A

N/A

JPG

N/A

There is no limitation on the image size or aspect ratio for the image hotspot. The component will adapt to render the image in the best possible way. It is recommended to use images with a 5:3 aspect ratio for consistency with other components and with a width of at least 720px.

Mission Statement

Background Image

3.6154

1410x390

JPG

1410x390

This component may require a taller image if there are more than 2 lines in the statement. The component automatically adjusts, by cropping the image, to the different aspect ratios in desktop, tablet and mobile devices.

Mixed Media Gallery

Images

16:9

N/A

JPG

1600 x 900

This component should use large images. For very large images, zoom controls will be enabled.

There are 3 rules each image has to follow:

  • Recommended to keep a 16:9 aspect ratio for consistency
  • Allow one zoom level it is recommended to use 1600 x 900.
  • Allow two zoom level it is recommended to use 2304 x 1296. 

Our Company

Image

1.6685

307x184

JPG

307x184

 

Person Component

Bio Image

1.6989

666x392

JPG/PNG

666x392

 

Person Component

Lifestyle Image

1.6989

666x392

JPG

666x392

 

ProCare Service Object

Image

1.6989

666x392

JPG

666x392

 

Standalone Image

Image

N/A

N/A

JPG

N/A

The image component supports images of any size or aspect ratio. There is one exception, when an image width is larger than 1440px it will be downscaled to 1440px keeping its original aspect ratio.