Add images and media
Use images to make your lessons visually engaging and easier to understand.
Images can stand alone on a step or live inside other components — like a multiple choice question where each answer option has its own image.
Adding an image component
Drag an Image component from the sidebar onto your step canvas. A placeholder appears; click it to open the media picker and choose your image source.
The media library
The media library is your central image store. Any image you upload is saved here and can be reused across lessons. You can also search your library by filename if you’ve built up a large collection.
To upload an image, open the media library and drag a file onto the upload area, or click to browse your computer. Supported formats include JPG, PNG, GIF, and SVG.
Searching Unsplash
The media picker includes a built-in Unsplash search. Type a keyword and browse thousands of free, high-quality stock photos. Click any result to add it to your lesson — Teacharium handles attribution automatically.
This is useful when you need a quick contextual image and don’t have your own assets handy.
Generating images with AI
The media picker also includes an AI image generator. Describe the image you want and Teacharium generates it. This is handy for custom illustrations, abstract concepts, or visuals that don’t exist as stock photos.
Generated images are saved to your media library so you can reuse them.
Image layout options
Once an image is placed, the Style panel on the right gives you sizing and layout controls:
- Width and height — Set fixed dimensions or let the image fill its container
- Object fit — Control whether the image is cropped to fill its space or letterboxed
- Border radius — Round the corners for a softer look
Images inside other components
Some components support sub-components, meaning you can nest an image inside them. Multiple choice questions, for example, allow each answer option to contain an image instead of (or alongside) text.
To add an image inside a choice, select the choice content area and add an Image component there. This works the same as adding an image to the main canvas.