Overview

Make article content more engaging

The Image component lets you present media, including: 

  • Images  
  • Charts 
  • Graphs  
  • Infographics  

You can use the Image component to create a news website feel for article pages. This includes:

  • Starting with an image (after the heading and before the main text)
  • Breaking up long-form content with an image

How to use it

Step 1: Upload the image

Choose ‘select image’. You can select an existing image or upload a new one. 

A screenshot of a computer

AI-generated content may be incorrect.

To upload a new image, select ‘import image', then ‘select file’.

A white rectangle with dotted lines

AI-generated content may be incorrect.

Add a title and alternative text, then choose ‘select image’.

For more information about uploading images to the CMS, see the ‘Image Guidelines’ advice.

Step 2: Add a caption  

The caption is an important part of capturing the editorial feel. You have up to 80 characters to either describe the image or draw attention to a related message. 

Recommended image specifications

FormatOrientationDimensionsFile size    
JPGLandscapeWidth: 893px
Height: 524px
<100kb

For more information on how to use images in the CMS go to the Image Basics page.  

Do's and don'ts

  • Don’t use portrait-oriented image

    Portrait-format images can appear cropped, distorted, or leave empty spaces on wide screens, reducing visual impact and responsiveness.