Adding images
Role: All editing roles
Use the Image component to add an image to a page or within another component.
Related information
Adding an image
Getting started
- Find the image you want to use in the Media library
- Amend the focal point, as required (depends on source image size)
- Note: changing the focal point will change it wherever the image is being used. Upload a new version of the image if you need to adjust the focal point for it to display in a different layout
- Make a note of the image attribution
- Picture credits are currently manually added to a page
Add an Image component
- Add an Image component to a Columns Section layout
- Images can also be added as part of other components, such as Accordion, Banner, Card, Tab and Tile Grid
- Insert an image from the Media library or upload from your computer
- 5 MB limit
- Allowed types: png gif jpg jpeg webp
- Select the Image style:
- Large 16:9
- Large 3:4
- Large 4:3
- Large fixed height
- Large Square
- Medium 16:9
- Medium 3:4
- Medium 4:3
- Medium fixed height
- Medium Square
- Small 16:9
- Small 3:4
- Small 4:3
- Small fixed height
- Small Square
- Add a link to the image (optional)
- Caption information will be displayed per the Media library item
- Override the caption, as required
- You could add the picture credit info you noted from the Media library as a caption
- If you don't want any caption to accompany an image on a specific page, upload another version of the image to the Media library without caption info
- If you delete the caption info from the original Media library item, it will affect wherever the image is in use
- Override the caption, as required
- Amend Image alignment in the Styles tab (left, centre or right)
Picture credits
- Add a text component to the bottom of the page to add attribution if it wasn't appropriate to use the caption override
- Examples:
- Banner image of allotment sourced from Pexels: RDNE Stock Project
- Image credits: Photos by Héctor J Rivas and Joel Filipe on Unsplash
Changes may have been made to enhance this feature since we last updated this page. See What’s new for the latest release information.
Last updated: 31 March 2026