Arts CMS has specific image requirements for each module and post type. Optimize each image by reducing the file size as much as possible without sacrificing image quality.
This can help decrease your site’s loading time, improve the user experience, as well as your SEO rankings.
When uploading photos to your website, use the JPEG/JPG file format.
JPEG images are the most popular file format online because they can be compressed considerably, which results in quality images with small file sizes. It is recommended that no images on your website should exceed 500 KB.
|Image Type||Aspect Ratio||Resolution (Pixels)||File Size (KB)|
|Carousel||2:1||2000 x 1000||~300|
|Section page banner||2:1||2000 x 1000||~300|
|Featured item banner (news or event post)||16:9||2000 x 1125||~300|
|CTA banner||3:2||1500 x 1000||~300|
|News featured image||16:9||715 x 402||~65|
|Event featured image||16:9||715 x 402||~65|
|Post featured image||5:7||430 x 600||~75|
|Profile featured image||5:7||286 x 400||~30|
|Button with image module||1:1||715 x 715||~90|
|Testimonial module||1:1||150 x 150||~20|
|Card with image (large)||2:1||2000 x 1000||~300|
|Card with image (medium)||7:5||700 x 500||~75|
|Card with image (small)||16:9||715 x 402||~65|
|Quick links||2:1||2000 x 1000||~300|
Editorial image module for News and Event posts
|Image Type||Resolution (Pixels)||File Size (KB)|
|Browser width||Width: 2000|
Max height: 850
|Site width||Width: 1170|
Max height: 1170
|250 or less
|Content width||Width: 570|
Max height: 800
|90 or less
Max height: 800
|80 or less
Creating image galleries
Image galleries are used to display a collection of images on your website.
To create an image gallery:
- Click on Add Media, if you haven’t uploaded your images yet, click on the Upload Files tab to upload your image into the library
- On the left-hand side, select the option Create Gallery
- Select the images you would like in your image gallery, after you are done, click on Create a new gallery.
Additional placeholder images
In response to feedback that the standard placeholder images used for news and events posts can become repetitive for those posts that do not contain a featured image, we have uploaded additional placeholder images that can be used as alternatives.
These images can be used for more specific themes, such as virtual or student events and can be found in your website’s media library with various sizing options depending on the desired use case.
You can locate these images in your media library by searching for “news-events-placeholder-image-ubc-arts”.