Image Sizes

Because image size is based on the device viewed, you'll need to make sure you size your images to the correct size to optimize page-load time. The larger the image, the larger the file size and the longer it takes to load on a page. 

For example: If you have an image in a four column layout, you'll never need it to be the size of the full-page one-column image size, and vice versa. Below is a list of image sizes based on some common page layouts, with a sidebar and without.

Important Note

These are recommended image size WIDTHS, the height depends on your image or the content length on the page. When you have smaller images, they'll look best if you make them square.


Image sizes for pages WITHOUT a Sidebar

These are image sizes for pages that do not have the sidebar turned on in properties OR with the sidebar turned on, but starting on row 4.

Single column, one Image across the page:

One Column Image Size

Two column, two images on the page:

Two Column Image Size

Three column, three images on the page:

Three Column Image Size

Four column, four images/icons on the page:

Four Column Image Size

3/4 (Large) on left, 1/4 (Small) on the right:

Small-Large Image Size

1/4 (Small) on the left, 3/4 (Large) on the right:

Large-Small Image Size


Image sizes for pages WITH a Sidebar

Single column, one Image across the page:

 Sidebar One Column Image

Two column, two images on the page:

Sidebar Two Column Image Size