Adding Images

You can easily add images to the courses, to the resources as well as to your Profile page, and to your organization's profile.

Olga avatar
Written by Olga
Updated over a week ago

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.

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 also use the Ctrl+C/Ctrl+V option as well as drag and drop the image file from your device to the added image block.

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

In the two-image and three-image blocks, you also can swap the images:

NOTE: Upon clicking the "Done" button after adding an image in the course editor, you may observe a minor reduction in image quality. This is due to the platform's optimization process, which converts images to enhance overall performance.

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 a 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 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 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 the stock library. You can adjust the size and alignment right away.

Add your Organization's 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?