Adding images to an item

NOTE: The accepted image file types are BMP, GIF, JPEG, and PNG.

You can add images to items in Item Authoring. Images can be embedded on the page or opened as a popup when delivered to candidates in a test.

This article explains how to add images to items, including how to import images into the media library.

In this article

1. Go to your item’s Edit screen

Select an item in your subject to open it and go to the Edit screen.

2. Open the media library

In the Edit screen, select Select Media to open the media library. For more information about the media library, read About the Surpass media library.

Finding media

You can use the free text search bar and filter options to find media in the media library.

3. Choose your image

IMPORTANT: You cannot include apostrophes in file names added to the media library.
NOTE: If the dimensions of the image are larger than 945 x 614 pixels, the image is automatically resized.

Search for your image and select Add media to item. You can preview your image before adding it to your item.

NOTE: Select Import to upload your image to the media library. Select Import Shared Resource to upload an image that can be shared across multiple items. For more information, read Importing files to the media library.

In the Edit screen, select Expand to enlarge your image.

Select Collapse to revert the image back to a thumbnail.

TIP: When viewing an enlarged image, use Left and Right to navigate multiple enlarged images.

Select Add media to item to add another image to your item.

To remove an image, select Remove media from item .

Adding images to question stems and answer stems

You can add images to question stems and answer stems.

4. Choose your layout

NOTE: If you add more than one image to an item, you cannot choose your layout.

You can determine the media’s layout by selecting a Choose Layout option.

Icon Setting Description
Auto Media is automatically laid out based on its dimensions. 
Left of the Answer Media is displayed to the left of the answer block.
Right of the Answer Media is displayed to the right of the answer block.
Above the Question Text Media is displayed above the question stem.
Above the Answer Media is displayed between the question stem and the answer block.
Below the Answer Media is displayed below the answer block.


Adding images as pop-ups

IMPORTANT: If you want an image to be opened as a pop-up, the image must be added as a tool in Test Creation. For more information, read Adding tools to a test form.

Select Allow image to be opened as popup to let candidates open images in a pop-up screen.

5. Preview your item

To see your item from a candidate’s perspective, select Preview .

In Mixed subjects, you can preview your item in the HTML test driver. Use the Preview  arrow to open the Preview Options menu and select Preview in HTML . Any custom CSS is applied in the Preview screen. For more information on custom CSS, see Creating a Subject.

You can preview your item with the image added.

6. Saving and closing your item

Select Save to save your item to your subject.

To see additional saving options, use the Save arrow to open the Save Options menu. Select Save & Close to save the item and return to the Subjects screen. Select Save & New to save the item and create another item.

WARNING: Saving changes to live items included in scheduled tests might affect candidate delivery.

Select Close to leave the Edit screen. If you have unsaved changes, you are prompted to either save or discard them.

Further reading