Images
Auto-formatting of image uploads
When an image is uploaded, multiple versions are automatically created and formatted in the different dimensions used by hub components.
To view all versions of an image, go to Assets > find the image > Edit Asset. From here, it is possible to replace an image.
It is recommended to upload images as PNGs with a transparent background in the dimensions 1920x1080px. This is the optimal size for an image to be resized, as anything smaller than this may distort images.
It is not advised to upload images that include text, as the wording can easily become cropped in reformatted versions. Instead, upload text as a separate PNG with transparent background and apply as a layer on top of another image.
Image dimensions
The following table defines the image format, dimensions and the components on which it appears.
Format | Dimensions (px) | Component |
---|---|---|
Hero | 3200 x 800 | Banner image at the top of events and channels. |
Header | 2000 x 350 | Displayed at the top of an article |
Media | 1280 x 720 | Displayed in carousels when screens are greater than 601px (laptops); content listing pages when screens are greater than 601px (laptops); and at the top of documents and articles in default layouts. |
Square | 1000 x 1000 | Displayed in carousels when screens are less than 601px (mobiles); and content listing pages when screens are less than 601px (mobiles). |
Thumb | 640 x 360 | The image displayed in listings. |
Cover | 1920 x 304 | Cover image of a Document |
Replacing images
It is advised that the different versions of an image are checked after upload, to confirm the reformatted versions are as required.
Click Update Asset to apply the new image to the hub component.
Last updated