Image Dimensions

All uploaded images have a 5MB limit.

Listed below are the recommended image dimensions for custom images for your program. 

Site Specific Images

These images are displayed site wide and you will be able to edit them in the Site Settings editor by navigating to Settings > Site > Basic.

Image        

Dimensions

Site Background Image

This stretches to 100% on the background of the site. It is recommended that the image be at least 1200x800 pixels. There are some in the gallery with the dimensions of 1600x1200 pixels. 

Site Header

The default dimensions for cropping custom site header are 896x128 pixels. However, you have the option to turn off the cropping tool and use your own image size. 

2-Column Header

If you choose to do the 2 column header for your site, the cropping dimensions for this image are 400x200 pixels.

3-Column Header

The 3 column header's cropping dimensions are 300x300 pixels. 

Social Media Share Image

These get cropped during upload to 1200x630 pixels. 

Program Specific Images

These images are program specific. Meaning they will not carry over to other programs or pages within a program. There are many locations where you can upload your own images using the program editor. Select Programs > Select desired Program > Edit > Registration/Member/Messages/Referral > Page > Images.

Image

Dimensions

Custom Page Image/Banner

The default dimensions for cropping are 896x128 pixels. Additionally, you can turn off cropping and use the full image size. The Custom Header Banner dimensions are the same for all pages (Registration, Member, Referral). Remember you can use the breadcrumbs at the bottom of the page to navigate.

Registration Page Image

This image gets cropped during upload to 600x300 pixels.

Member Page Image

This image gets cropped during upload to 600x300 pixels.

Referral Page Image

This image gets cropped during upload to 600x300 pixels. 

The custom page image/banner image will not carry over to all of the mentioned pages, you will have to manually add this image to each of the pages if desired. This is set up so that if you choose, you can put a different banner on each page.


How did we do?