Relevant, informative and visually stunning imagery helps to ensure your course content is engaging, polished and professional. Images also play a pivotal role in ensuring your online training appeals to different types of learners, especially visual learners.

Relevant, informative and visually stunning imagery helps to ensure your course content is engaging, polished and professional. Images also play a pivotal role in ensuring your online training appeals to different types of learners, especially visual learners.


## Adding images to a course

Fortunately, adding images to the screens in your course is a straightforward process, as there are no strict guidelines regarding size or aspect ratio. In fact, we actually advise against cropping your images at all.


Instead, simply upload an image, pick one from your library, or search for one from the image browser, and let Coassemble handle the rest.


## Display options

Once you’ve added an image to Coassemble, there are several options you can choose to change the way it is displayed.

*You can see some of these options in action in the Flashcards example below.*

 ![](https://brainfish-storage-prod.s3-accelerate.amazonaws.com/uploads/8551a2f0-4ce5-49bd-89fb-b5def99ba015/87b7ca8f-f2a7-4995-8f8f-bdc278d8f399/oRWKWn1ke4cdcs_VeXesvHWOanv3mxEu1bxCiztccvLUSsPqAZBNF_JhvRVAWMDNqOSPmadd6kMY0pSo4SGqHgZiCCIRqwM6xwtuO0A-3w914mg7m3_IS10Swc1sXfwnFMxqxmCAftSeIRZzw0Gqp8Q-1.gif?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=ASIAUPPN5IL3XEC77UWP%2F20260426%2Fus-east-2%2Fs3%2Faws4_request&X-Amz-Date=20260426T203641Z&X-Amz-Expires=3000&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEOf%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMiJHMEUCIBx%2BywAYC5wZcmyDuHu8kkGTGANkjokHtc9Dk4P3MJWxAiEAuqd5on%2BiAan57yI3ZmDbZe%2FQobdlY%2FxkMZ%2FAsmEkwt4q5gUIsP%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FARACGgwzMDgxMjU5NzUyODciDOooq9aNNVAIicQTJiq6BQUr0NP2P%2FklUcFoS9AdXsb%2FefPrHfrqLDtMpJBMmt5dcvYFEZiwAmY1f%2F2Td0PyLbhUgj8HPy%2FbUU3YMSGXKjF8EOviGPlNUowNlsZPM3n7hcA7lCl7YmbZXD8UCO%2BpL%2Bq9X6DI9qnNzXlgej%2BPBUMM3UqMNznB6WgbL5vDIwZ8BuCVHJ0%2FgnhaMC%2BTJ3fPXCeeGX2N2wvtPrHoSYABg9mjSxsRcShUdvJSIMkho6WLnAba%2Bir8bJzmdWlR3FWtWDoeea8BJFtGlhgTXrUNQO4mEFnU3tQ6TjkjoBPBzAR90resE8RcrFlK2iBRw8fzXWqcr7KpDxgsLBEQlPtm9eMHViE4ZdwGFiVM4UEbW8FsrVaioaY23FhGeGSV6I7bliadZUtp8LFvfNzvNQ6IX66jcBch0vibG5TjbCdopHBa21CEqU%2FGhlHT0K2Q5MCnszApwbK9hfRLGHlR4la4xiJ0gAmgt2deAcklqWSCwSlMKS6F%2F%2BSd2H8wipYGh3EvhhS2maTWB85OOKiMHheNCfb69Sblp0XOC5vLk0CRszKFfH0Bmlyj2F7fjfXYdq%2BlfbY8C6qktxKMMsf5M9uTJMTPJHp3kqSnr34q2bqcMLuJAwu4%2Bz9jJ1DjQ5EVrsKA1I1uBy2IMD27TedW%2FidkMwjyo%2FA3tYJ8Pn6xME69MVqEc%2Bi0T2fRo7coTP09tZm371yi%2BuAeNw9E3ayYGJubLWLETqkA6Cw%2Bu8noQnLVEZD2d9BA02WMz4sCpDNPl21MjvFWTJvzwtREvlthnSuQzTt0EltuwM2e%2BNcdaBWUa80yNY5%2FPwJWEkD2bqELddX89givfH6O2u3xaYSpY8ula%2B7aZib8FAfTDQ9WglL%2FwgOVp4L2qu4ALUCl7c76C5P7qLYyNRX3sJRgext%2FaXTwYa2iPKtTVpYeW5FEMK3PuM8GOpABDcwBkfYZKd0vL2DG6GdxCCeAwo3DuW8LS23N0aNXltSH5QutxVITPWtNVzZMSh%2Bt7ZExbMXjqJodx4AolpLYW6f76spKRKapAWuP4Sk7aE3GmKQ%2BDZ%2B2185wKgTGWFl6ZGm0cHhsSsRTugETyTXGNneZBX4DhvvmRm1Tv6iMYoeoPFZr9lvd%2B5rraosdxcYb&X-Amz-Signature=a93b2ac412ec004d94830dc1862a019bc771c44f24643d44c5b85f9b4fb87db1&X-Amz-SignedHeaders=host&response-content-disposition=attachment)


### Fill

The ‘Fill’ option is set as the default, because Coassemble is a responsive web platform that resizes images dynamically to fit different screen sizes or resolutions.

The ‘Fill’ option automatically scales images to fit within the designated area or frame, while maintaining the image aspect ratio.

If your image is set to ‘Fill’, you have the ability to **reposition the image** within the image container. This option was included to address any clipping that might obscure an image because the images you add won’t always match the ratio of the image container.

### Fit

The ‘Fit’ option is recommended when it is crucial that every part of the image you have added is visible. When an image is set to "Fit," it will be automatically scaled down or up to fit within the specified dimensions while maintaining its aspect ratio.


## Background image

When an image is set as a ‘Background image’, it will behave exactly like the ‘Fit’ option, with the ability for you to reposition it. The key difference between an image that is used as a background image, is that the text will be positioned on top of the image. For this reason, background images will sometimes have a gentle overlay on top of them to make the text more legible.

 ![](https://brainfish-storage-prod.s3-accelerate.amazonaws.com/uploads/8551a2f0-4ce5-49bd-89fb-b5def99ba015/9c3d5c06-1c6d-4d77-9d70-c5c0835b7aa5/Oe16oZhDonuq7iTRDJPYzw-DSkxCyRmetCYWrhxQ0FHvVxBXcBrH94ZpQWNDuznAUDu6fkI4NYtd93jnIrde9JdM1Lnu06LD5e96zBakB2oNLn8DifCRzrZIi6qzXUwag-S98lhZSGfwa-6oCgKenCQ.gif?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=ASIAUPPN5IL3XEC77UWP%2F20260426%2Fus-east-2%2Fs3%2Faws4_request&X-Amz-Date=20260426T203641Z&X-Amz-Expires=3000&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEOf%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMiJHMEUCIBx%2BywAYC5wZcmyDuHu8kkGTGANkjokHtc9Dk4P3MJWxAiEAuqd5on%2BiAan57yI3ZmDbZe%2FQobdlY%2FxkMZ%2FAsmEkwt4q5gUIsP%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FARACGgwzMDgxMjU5NzUyODciDOooq9aNNVAIicQTJiq6BQUr0NP2P%2FklUcFoS9AdXsb%2FefPrHfrqLDtMpJBMmt5dcvYFEZiwAmY1f%2F2Td0PyLbhUgj8HPy%2FbUU3YMSGXKjF8EOviGPlNUowNlsZPM3n7hcA7lCl7YmbZXD8UCO%2BpL%2Bq9X6DI9qnNzXlgej%2BPBUMM3UqMNznB6WgbL5vDIwZ8BuCVHJ0%2FgnhaMC%2BTJ3fPXCeeGX2N2wvtPrHoSYABg9mjSxsRcShUdvJSIMkho6WLnAba%2Bir8bJzmdWlR3FWtWDoeea8BJFtGlhgTXrUNQO4mEFnU3tQ6TjkjoBPBzAR90resE8RcrFlK2iBRw8fzXWqcr7KpDxgsLBEQlPtm9eMHViE4ZdwGFiVM4UEbW8FsrVaioaY23FhGeGSV6I7bliadZUtp8LFvfNzvNQ6IX66jcBch0vibG5TjbCdopHBa21CEqU%2FGhlHT0K2Q5MCnszApwbK9hfRLGHlR4la4xiJ0gAmgt2deAcklqWSCwSlMKS6F%2F%2BSd2H8wipYGh3EvhhS2maTWB85OOKiMHheNCfb69Sblp0XOC5vLk0CRszKFfH0Bmlyj2F7fjfXYdq%2BlfbY8C6qktxKMMsf5M9uTJMTPJHp3kqSnr34q2bqcMLuJAwu4%2Bz9jJ1DjQ5EVrsKA1I1uBy2IMD27TedW%2FidkMwjyo%2FA3tYJ8Pn6xME69MVqEc%2Bi0T2fRo7coTP09tZm371yi%2BuAeNw9E3ayYGJubLWLETqkA6Cw%2Bu8noQnLVEZD2d9BA02WMz4sCpDNPl21MjvFWTJvzwtREvlthnSuQzTt0EltuwM2e%2BNcdaBWUa80yNY5%2FPwJWEkD2bqELddX89givfH6O2u3xaYSpY8ula%2B7aZib8FAfTDQ9WglL%2FwgOVp4L2qu4ALUCl7c76C5P7qLYyNRX3sJRgext%2FaXTwYa2iPKtTVpYeW5FEMK3PuM8GOpABDcwBkfYZKd0vL2DG6GdxCCeAwo3DuW8LS23N0aNXltSH5QutxVITPWtNVzZMSh%2Bt7ZExbMXjqJodx4AolpLYW6f76spKRKapAWuP4Sk7aE3GmKQ%2BDZ%2B2185wKgTGWFl6ZGm0cHhsSsRTugETyTXGNneZBX4DhvvmRm1Tv6iMYoeoPFZr9lvd%2B5rraosdxcYb&X-Amz-Signature=c4cdc9e80bffcc8fc139df0c301bdc1eb4cc414489826a8047518e1c38929e79&X-Amz-SignedHeaders=host&response-content-disposition=attachment)




Images

Translations

Enforce completion of videos

Difference between transforming a document and converting a presentation

Refine with AI

Deleting courses

AI image generation

How do I create a course?

Coassemble's AI

Common questions: Course creation

Videos

Generate a screen with AI

Screens

The Finish screen

Publishing

Loom integration

Duplicating courses

Which screen should I use?

The Quiz screen

Creating courses from scratch

How to preview and review a course

Customizing course appearance with Themes

Managing and editing your course

Generate a course with AI

Upload your videos to your course

Transforming a document to a course

Narration

Create & customize

Release notes

Getting help: How Coassemble support works

General

Getting started: Common questions

What is a collection?

How to log in to your account

What is a screen?

What tone should I select?

Coassemble terminology explained

How do I sign up for a Coassemble account?

Can I use Coassemble as an LMS?

What file types can I transform into a course?

Accessing the login page

Getting to know your Coassemble workspace

Build the business case for Coassemble

What is Coassemble?

Getting started

Connecting to Google Drive or OneDrive

Convert a presentation into an online course

Your knowledge

Configuring your email preferences

Folders

Transfer ownership of your workspace

Common questions: Workspaces

Organizing courses with folders

How to delete a creator

Managing account, workspace, and billing settings

Creators

Your workspace & settings

Brand kit: A complete guide

Managing logos

Managing and defaulting themes

Creating and configuring themes

How to upload custom fonts in Coassemble

Asset library

Brand voice

How to save a legacy course theme

Transitioning to Brand kit for legacy users

Brand kit: Saving pre-existing themes

Brand kit for users on Free

How to apply Brand voice when generating courses

Using the Brand kit

How to edit video details

Brand kit

How Coassemble tracks unique anonymous users

Template links

How to import a course from a template link

How to share your courses

Sharing courses with Slack

Collections

SCORM packages and translations

Exporting courses as SCORM

Common questions: Sharing

Email invitations

Can I add my courses to another platform?

Sharing course links & invitations

Sharing

Analyzing course-level Insights

Analyzing Collection-level Insights

Tracking content performance with Insights

Link Insights

Sentiment

SCORM usage

Common questions: Insights

How to filter Course insights by date range

Course insights

Detailed Quiz results

Insights

Token usage

How do I upgrade from the free plan?

Team plan

Logging in with Microsoft

Free Plan

Payments, billing, and subscriptions

Enterprise plan

Plans and advanced features

Explore best practices for sharing your knowledge.

Assessment: Best practice for quizzes

Accessibility

Coassemble is WCAG 2.2 Level AA Conformant

Best practices

Why isn't my Embed screen working?

Where is the learner dashboard?

SCORM files not loading

What do I do if there is a bug?

SCORM session errors on Apple devices

Common questions: Troubleshooting

Requesting a password reset link

Setting a new password

How to change or reset your password

How do I ask learners to provide a longer typed response to a question?

Troubleshooting

Coassemble's approach to AI

AI & data security

SOC 2 compliance

How do I remove a creator's access to Coassemble?

Data security & AI

YouTube

Notion

Vimeo

Unsplash

Arcade

Hubspot

Docebo

aNewSpring

360Learning

Connections & Integrations

Headless course creation – Q&A

Security questions

Headless course creation

Guide

Support.coassemble.com

Images

Share

Share

Images

Share

Share