Use this guide to make sure you upload the best images to your website.
Adobe Experience Manager will automatically create ‘renditions’ or smaller versions of your images. However, if your original image isn’t the right size, those automatic versions might not look their best.
We’ve put together some guidelines to help you make sure you’re using the best possible image in each case on your website.
Do
Use the correct dimensions for each image type. This will stop your images from appearing stretched or distorted.
Keep your images under the maximum file size of 200KB. If the file size is bigger it will take the page longer to load.
Use meaningful keywords in your title.
Save your file as a JPG or PNG.
Dimensions and file size
The dimensions and file size requirements are different for each type of image.
Banner – theme 1
The dimensions for banner – theme 1 are 1280x355 pixels.
The maximum file size is 200KB.
Banner – theme 2
The dimensions for banner – theme 2 are 895x400 pixels.
The maximum file size is 200KB.
Banner – theme 3
The dimensions for banner – theme 3 are 1280x355 pixels.
The maximum file size is 200KB.
Banner – theme 5
The dimensions for banner – theme 5 are 950x635 pixels.
The maximum file size is 200KB.
Only use this theme with dark primary colours. If your theme 5 has black in it, switch to theme 1 or 2.
School logo
The dimensions for the school logo are 130x150 pixels.
The maximum file size is 50KB.
This image will appear in the header and footer of your website.
Newsletter thumbnail
The dimensions for the newsletter thumbnail are 100x140 pixels.
The maximum file size is 50KB.
News and event detail images
The dimensions for the news and event detail images are 770x370 pixels.
The maximum file size is 100KB.
Include alt text for news images unless the image is purely decorative. Alt text for event images will be added for you.
Image gallery album cover
Use landscape photos for your album covers as they look best.
The maximum file size is 100KB.
Include alt text for all images in your gallery.
Content images
The maximum file size for other images is 100KB.
Include alt text and a caption unless the image is purely decorative.
