Image Sizes: Authorable Components

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.
Cross promotional service object/badge	Image	1.6989	666x392	JPG	666x392
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.