You can add images to the resources, to course content pages, and to the question instructions (via the images content block). Also, some question types require adding images like single/multiple image choice, drag and drop, and hotspot question types.

Prerequisites for images

  • File size: not more than 10 MB

  • Extensions: jpeg, jpg, png, gif, bmp

You can learn more about preferred image sizes here.

Add pictures using the Images content block

You can add pictures via the "Images" content block from a PC, via URL, our stock-images library, or "My Library" inside Easygenerator.

Once you’ve created a new content page, choose the Images layout on the left.

Left-click the default image and select the Change image option. Now you can upload an image from your computer, choose from Library, choose from the stock library or add via the link.

You can adjust the following configurations:

  • Replace the image (upload from PC, choose from the Library, choose from the stock library or embed via the link)

  • Switch the layout (One image / Image on the left / Image on the right / Image on the top / Image on the bottom)

  • Zoom the image and resize the placeholder

  • Apply the large, medium, or small sizes automatically

  • Wrap the text

  • Add alternative text for screen readers

In the two-image block, you also can swap the images:

Fullscreen preview

Learners can preview images in fullscreen mode. When you hover over the image on a course page, you will see a magnifying glass icon in the bottom right corner of the image. Click on this icon to open the image in full screen mode and preview it in its original size.

Note: Please update/republish your courses published before October 21, 2021, in order to enable the fullscreen preview possibility.

In the Image Properties window you can:

  • Add/replace the image (upload from PC, choose from the Library or embed via the link)

  • Add an alternative text (in case an image can't be displayed, this text will be shown to a learner)

  • Change the image size and position

  • Preview the image

Add pictures to questions with images

In questions with images (Single/Multiple choice image, Drag and drop image, and Hot spot questions), you can drag and drop an image as well as copy and paste the image from your device. Select and copy (Ctrl+C or Cmd+C) the image from your device, then click the image block in the course so it becomes blue, and paste (Ctrl+V or Cmd+V) the image.

You can replace the existing image by using the same copy-paste and drag and drop feature.

NOTE: if you replace the image with this option, the alternative text you added to the image before will disappear.

NOTE: Copy-pasting images is not applicable in the Firefox browser

In the Image Properties window you can:

  • Add/replace the image (upload from PC, choose from the Library, choose from the stock library or embed via the link)

  • Add an alternative text and in case an image can't be displayed, this text will be shown to a learner (only in a single choice image)

  • Change the image size and position (only in the hotspot question type as of now)

  • Preview the image (only in a single choice image)

Add picture to the course or resource cover image

You can add pictures from a PC, via URL, from our stock-images library, or from "My Library" inside Easygenerator.

You can adjust the size and alignment of your image right away with the crop option.

Add a picture to the section image

You can add a picture to the section thumbnail only from a PC.

Add your Profile photo

If you would like to upload your profile photo, go to the top right of your page and unfold the profile settings, select My account, click the empty image icon and select the photo from your PC, your account library, or from the stock library. You can adjust the size and alignment right away.

Add your Organization logo

If you have your organization in Easygenerator, you might need to add the logo.

To do so, go to the My Organization tab, click the empty image icon and select the logo from your PC, your account library, or the stock library. You can adjust the size and alignment right away.

Did this answer your question?