Storyline 2: Best Practices for High Quality Images and Videos

Article Last Updated

This article applies to:

For the highest quality media in your Articulate Storyline 2 courses:

Use Images and Videos That Don't Need to Be Resized

Start with high quality images and videos that are already properly sized for your course. Scaling media up or down in your course can cause blurriness, especially if your images and videos have text.

Best Practice: Don't shrink or stretch media in your course.

If images and videos are bigger than your slides, they'll automatically be scaled down to fit, which can result in a loss of quality. Here are some tips for working with large images and videos:

Images

Videos

  • If you're using vector drawings (EMF/WMF files), they can be scaled up or down without losing quality.

  • For all other image formats, you can use the Zoom Picture formatting feature to let learners click your images to see larger, crisper versions of them. See this user guide for details.

  • Another option is to crop images until they fit the slide. Just right-click each image and select Size and Postion. Set the Scale Height and Scale Width to 100% and click Close. The image may now be larger than your slide, but you can crop it to fit.

  • If your videos are too big to fit in your slides without scaling, consider re-encoding them at a lower resolution before adding them to your course.

  • Depending on your course design, you may be able to give your videos more room to grow by configuring them to open in a separate browser window/tab. See this user guide for details.

If you make small images and videos larger than their original sizes, they may become fuzzy. Here are some tips for working with small images and videos:

Images

Videos

  • If you're using vector drawings (EMF/WMF files), they can be scaled up or down without losing quality.

  • For all other image formats, we recommend keeping them at their original sizes in Storyline. Stretching them will lower their quality.

  • If you've already stretched an image in your course, you can reset it to its original size by right-clicking it and selecting Size and Position. Then set the Scale Height and Scale Width to 100% and click Close.

  • If your videos are too small for your course, you may be able to re-encode them at a higher resolution before adding them to your course—if you have high-quality source videos.

  • If you can't get videos with the proper resolutions, we recommend keeping them at their original sizes in Storyline. Stretching them will lower their quality.

  • If you've already stretched a video in your course, you can reset it to its original size by right-clicking it and selecting Size and Position. Then set the Scale Height and Scale Width to 100% and click Close.

Adjust the Compression Settings in Storyline

You can adjust the compression settings Storyline uses for images and videos when you publish your course. Just click the Quality property in the publishing wizard, then drag the Video quality and Image quality sliders to the right to increase the publish quality. (Note that higher quality values also result in larger file sizes, which could mean longer download times for learners with slow Internet connections.)

Also, if you're using MP4 videos (created with baseline, main, or high profiles), you can turn off compression altogether for the highest quality. Select each video placeholder in your course, go to the Options tab on the Storyline ribbon, and change the Compression to None.

Lock the Storyline Player at Optimal Size

To prevent your published course and the media it contains from scaling and becoming blurry, we recommend locking the Storyline player at optimal size, which is your slide size plus some additional width and height to accommodate the player frame.

  1. Go to the Home tab on the Storyline ribbon and click Player.
  2. When the player properties window opens, click Other on the ribbon.
  3. Set the Player size to Lock player at optimal size.
  4. Click OK to save your change.

To learn more about the player sizing options, see this user guide.