The purpose of this guide is to provide image dimensions that will be ideal across multiple pages on our site when being viewed on devices of differing sizes. The images you end up using are not required to match the ideal sizing listed below, but if you would like them to appear high quality and up to standards that most users expect, then these are the dimensions we recommend.

It is important to note a couple of hard and fast rules regarding these recommendations before beginning:

1. It is strongly recommended that images conform to the recommended aspect ratio. If they do not, they may appear distorted, or cropped, as the image is stretched to meet the demands of the aspect ratio.

2. Images can always be larger than the recommended size, as long as the aspect ratio is maintained. For example, a recommended image of 100x100 could be substituted with a 300x300 with no loss in quality. However, a 50x50 image will be stretched to compensate and the result will appear to be a very poor quality image.

User Profile Avatar:

  • Ideal size: 200x200
  • Aspect Ratio: 1:1
  • Supported File Type(s): jpg, jpeg, png, svg, gif

Community Media:

Community Banner

  • Ideal size: 2048x1152
  • Aspect Ratio: 16:9
  • Supported File Type(s): jpg, jpeg, png, svg, gif

The 'content safe' area highlighted below will render well on all mobile devices --- the outer areas will fill the banner area when viewed on desktop and laptop devices.

Click here to download a template for the community banner.

Community Logo

  • Ideal size: 165x165
  • Aspect Ratio: 1:1
  • Supported File Type(s): jpg, jpeg, png, svg, gif

Announcements

Image Gallery

You can select the aspect ratio on the image gallery (top right).

  • 4:3 2070x1552
  • 3:2 2070x1380
  • 16:9 2070x1164
  • 2:1 2070x1035
  • Supported File Type(s): jpg, jpeg, png, svg, gif

Standalone Image


2070 width remains the same, but height is variable based on aspect ratio of the image you are adding. See below for recommendations at common aspect ratios:

  • 4:3 2070x1552
  • 3:2 2070x1380
  • 16:9 2070x1164
  • 2:1 2070x1035
  • Supported File Type(s): jpg, jpeg, png, svg, gif

Courses/Pages/Collections

Primary Image (Page, Course, Collection)

  • Ideal size: 532x300
  • Aspect Ratio: 16:9
  • Supported File Type(s): jpg, jpeg, png, svg, gif

The primary image of a course is the same image that will appear for the course preview when it is added to a bundle. Please see the Bundle Course Image section below for more information.

Image Gallery (Page, Course)

You can select the aspect ratio on the image gallery (top right).

  • 4:3 1554x1164
  • 3:2 1554x1036
  • 16:9 1554x874
  • 2:1 1554x776

Standalone Image (Page, Course)

1554 width remains the same, but height is variable based on aspect ratio of the image you are adding. See below for recommendations at common aspect ratios:

  • 4:3 1554x1164
  • 3:2 1554x1036
  • 16:9 1554x874
  • 2:1 1554x776

Course Bundle

Primary Image

  • Ideal size: 950x712
  • Aspect Ratio: 4:3
  • Supported File Type(s): jpg, jpeg, png, svg, gif

Bundle Course Image

  • Ideal size: 506x380
  • Aspect Ratio: 4:3
  • Supported File Type(s): jpg, jpeg, png, svg, gif

The primary course image is the same that will be used for the bundle course image. The 16:9 image for the primary course image will fit in this space, but it will not fill the full vertical height. It should be fairly forgiving and will still look ok, but if you want the image to fill the vertical height allotted you will need to use a 4:3 image as the primary course image.

Product Landing/Enrollment Page

Primary Image

  • This space will accommodate a decent variety of different image sizes/aspect ratios. If you have trouble getting it to look exactly the way you’d like, please contact us.
  • Supported File Type(s): jpg, jpeg, png, svg, gif

Credential

  • Ideal size: 250x250
  • Aspect Ratio: 1:1
  • Must be png or svg

Did this answer your question?