Image guidelines

This image guide provides information on how to optimise your images for webpage speed.

Compressing, Editing and Resizing Images

To upload an image to Contensis, it must be below 1024kb. If your image is too big, use TinyJPG or TinyPNG to compress the file, depending on file type.

Editing and resizing images can be done within Contensis by clicking on the image in the 'Project Explorer' and chosing 'Create Variation'.

If a more detailed editing process is needed, use Photopea or Canva to edit the image to the required specifications.

Image Layouts

Images can be syled in 3 different ways. To do this, select the image, click on the 'styles' drop down menu and scroll to find 'img--left_user', 'img--right_user', and 'img--thin_user'. Here's what each of them look like around some generic text.

img--left_user

img--right_user

img--thin_user

Things to remember

1. Use Alt tags

'Alt tags', or 'Alt description', is used as a text alternative to an image. This helps robots which crawl search engine results decide which pages to display at the top of the results, particularly for image-heavy pages. Alt tags are also important for accessibility. Ensure the tags are descriptive to make the page acccessible for those using a screen reader.

Best practice: Alt text should be short, descriptive and keywords should not be overused.

2. Page Speed Analysis

Images can slow down the speed at which a page loads. To find out how to further optimise your page by compressing images, paste the URL into Google's Page Speed Insights tool.