Learning Resource Image Types

Content images

These images are added in Build as a component of their own, allowing you to drag them into different positions. These are used for images that are a part of your learning content, such as diagrams and visual aids.

Filler images

These are added in Online styling. They are fixed to the content that is selected when they are added and cannot be moved independently. These are used for aesthetic purposes to make your content more engaging.

Group background images

These are applied in Build at the whole group level. The whole group is selected and the image is added to the background in the component editor in the right-side menu. A Group background image applies one image to the whole Group. It is particularly important for the Image Hotspots animation, where the image acts as the interactive canvas on which the hotspots are positioned. Background-image behaviour differs between animation styles, so a Group background should not be expected to display in every animation style.

Subgroup background images

These are applied to an individual Subgroup in Build. In a Grid animation, you can select Background under the option Nav image, to display each Subgroup background as the navigation image on its card. This allows the image on the card to differ from any content image displayed inside the expanded Subgroup.

In-text images

These are images that are added to a text component using the toolbar to insert an image through the Media library. These types of images sit within the text component, so therefore cannot be moved independently from the text component in which they sit. This may be used in a case where the image and text must be kept together, but they are limited with formatting options, so we suggest using the Image component to add images as best practice.

Please note: Background, content images and In-text images will need to be added in Build. Filler images can only be added in Online Styling.

For further clarification, here are the distinctions:

Group Background Images vs. Subgroup Background Images

A Group Background Image applies one single graphic across the entire main container. This can be used for maps or diagrams in Image Hotspots animations.

Whereas a Subgroup Background Image applies a unique graphic to individual content cards within that group. This is Used for Grid Animation cards where the card image differs from the content image.

Content Images vs. Background Images in Subgroups

When you add an Image Component as part of a Subgroup, it acts as a content image and will display both outside and inside the expanded Animation card in Grid animations.

When you add an image as a Subgroup Background Image, Edify can pull that image onto the front interactive cover card using the Nav Image: Background option. This way the display can be different from the internal image or there can be a display image with no internal content image