Images provide visual information and reinforce learning. It's easy to add pictures to your Articulate Engage interactions. Here's how:
Adding a Picture
- Select the step where you want to add an image.
- Click the Picture icon in the Media panel on the right side of the screen. (Note: For Media Tour interactions, the Media panel is in the middle of the screen.)
- Browse to the image you want to use, and click Open.
The following image formats are supported in Engage:
Adjusting Picture Properties
After importing an image, you can adjust the picture properties displayed below it in the Media panel. (These properties aren't available for Media Tour interactions.)
- Position: Choose where you want the image to display in your published interaction.
- Size: Choose Automatic or Custom. If you choose Automatic (the default option), Engage will adjust the size of the image, so that it fits within the allotted space in your published interaction. (Tip: Click here to see the maximum dimensions for media in each interaction type.) If you choose Custom, enter the Width and Height in pixels. Mark the Lock Aspect Ratio box to keep the image from being distorted when you adjust its size.
- Zoom Image: This option adds a magnifying glass icon to the image in your published output. When learners click the image, it'll zoom to a larger version—either in the current window or in a separate window, depending on your selection. Tip: Images will only zoom when their original size is larger than the allotted space in your published interaction. In other words, if an image has to be scaled down to fit within your interaction, it'll zoom. If an image is small enough to fit within your interaction without scaling, it won't zoom.
- Alternate Text: Do your learners use screen readers? The Alternate Text field can help with that. Just enter text that describes the picture, and screen readers will read it to your learners.
Replacing a Picture
If you change your mind about an image you inserted and you want to use a different one instead, click the blue text in the Media panel (i.e., the name of the original picture file). Then browse to another image, and click Open.