Images are key to creating polished, engaging content. The combination of images and text forms the cornerstone of effective eLearning, especially when done right.

Coassemble makes it easy for anyone to create beautiful courses that adapt to a vast array of screens sizes.

Although there are some places in the application that enforce a particular ratio, for most places you upload an image, there are no specific rules about what size or ratio your image needs to be. Simply add an image, and it will fill the allocated space.

Despite this, we do have some recommendations on minimum image sizes and ratios to help you get your screens to look exactly as you want them.

Images can be uploaded using the ‘Add Image’ button (which will appear when applicable) or inline from our text editor.

Customize section

Most images in the customize section have forced ratios. In this case, you'll be asked to crop your image inside Coassemble if they don't match the ratios listed below.

Customize options

Recommended (px)

Ratio

Square logo

400 x 400

1:1

Header logo

300w x 100h

3:1

Banner

800w x 200h

4:1

Lesson feedback image

360 x 360

1:1

Course screen content

Below outlines recommendations for many of the different screen types available in the Coassemble course builder. Please note that these are just recommendations, and it is not necessary for you to crop your images as they will adapt to fit the allocated space.

Standard screens

Screen name

Recommended (px)

Recommended ratio

Text with image

1200 (width)

-

Slideshow

1920 x 1080

16:9

Interactive screens

Screen name

Recommended (px)

Recommended ratio

Hotspot

1920w x 1080h

16:9

Process

1200w x 900h

4:3

Springy list

1920w x 1080h

16:9

Tabs

800w x 600h

4:3

Tap to reveal

800w x 600h

4:3

Timeline

800w x 600h

4:3

Challenge and quiz screens

Screen name

Recommended (px)

Ratio

Drag and Drop

800 x 800

1:1

Correct image

800w x 600h

4:3

Spot the mistake

1920w x 1080h

16:9

Multiple image choice

800w x 600h

4:3

Labelling challenge

1920w x 1080h

16:9

Certificates

Element name

Recommended (px)

Ratio

Certificate logo

320 x 32

-

Certificate background image

1008w x 779h

-

Course images

Element name

Recommended (px)

Ratio

Course card

1170 (width)

4:3

Course overview banner

1170 (width)

3:1

Assignments

Element name

Recommended (px)

Ratio

Assignment banner

1170w x 272h

4:1

Did this answer your question?