...
Because of this, we cannot give exact image sizes for components. To help you choose and test an image, follow the steps below.
Recommended file types
There are many file types you can upload onto the CMS, but for images the The following file types are recommended for CMS images:
JPEG
PNG (this is a preferred format)
...
Before selecting an image, consider how the image will display on different devices, for example, a mobile phone.
Select images that provide an opportunity to position the focal point on the right side. If an image is flipped horizontally, be mindful of text on clothing or street signs, as they will be backwards.
Images are predominately usually supplied in 2 formats, portrait or landscape. While our CMS is designed to support these 2 formats, we recommend using a landscape image. If you decide to use a portrait image, we recommend to have lots of space around the subject.
You can use the guides below to resize your images, however, images must be tested to ensure they display correctly across different devices. Use steps 3 and 4
...
to upload and test your image.
...
If images are used in a hero banner, avoid important information on the left of the image, as this will be blocked by the page title and summary.
...
While the CMS automatically handles image cropping and allows you to set an image focal point, you may want to crop your image to suit its purpose. The 2 most commonly used image ratios in our CMS are landscape 16:9 and ultra wide ultrawide 21:9.
If you don’t have professional software like Adobe Photoshop, you can use the suggested free image editing tools:
...
| Tip |
|---|
Recommended component use:
|
Ultrawide format (ratio 21:9)
...