Alignment and size of graphics in CMS Lite

Using graphics in CMS Lite

CMS Lite is built for responsive design. Images will be automatically resized based on the device they are viewed on, so full-width graphics are recommended for most purposes.

Refer to the CMS Lite manual for information about inserting graphics into web content.

Creating thumbnails

CMS Lite does not automatically create smaller versions of larger graphics. these smaller images are known as thumbnails.

To link a thumbnail to a larger graphic:

1. Upload the larger graphic as an asset in CMS Lite
2. Create a thumbnail image using a graphics program
3. Insert the thumbnail into the page
4. Link the thumbnail to the larger graphic

Banner graphics and carousels

A banner graphic is a wide image placed at the top of the page content in the main body. A carousel is a series of images that cycle automatically.

Recommended image sizes for banners and carousels depend on which page elements are visible:

• No left nav: 1140 x 348 pixels
• Left nav: 855 x 348 pixels

Image sizes

Graphics should use a 16:9 size ratio

Use a 16:9 image ratio to avoid having images appear stretched or warped on pages.

• Graphics in the main body should be 1140 pixels wide, 641 pixels high, left-aligned