Image
Make article content more engaging
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.
To upload a new image, select ‘import image', then ‘select file’.
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
| Format | Orientation | Dimensions | File size |
| JPG | Landscape | Width: 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.
