Crisp images become blurry when published

Images which are crystal clear in the Storyline development panel/pane become unreadable when published. This happens across browsers, and whether publishing to Flash or HTML5. Restricting screen size does not make a difference either.

As you can see in the attached screenshots, the difference is substantial, and makes it near impossible for a user to decipher the text within the screenshot. (You can see the difference in the two photos as well.) It is particularly frustrating because the quality of the screenshot (and images) is very sharp.

Is there another setting change I can make to address this? If not, it is certainly a bug that should be addressed. (Again, my apologies for not bringing this up years ago. I just kept hoping it would be fixed in an update.)

3 Replies
Leslie McKerchie

Hi Louis,

Thanks for reaching out and sharing what you are experiencing in your published course. Is this an image or a screen recording? We just released a fix related to screen recordings.

Do you know what version of Storyline you're using?

You can check by going to:
Help > About Articulate Storyline

We are currently on Build 3.28.18944.0 of Storyline 360. You can read all of the details here.

With your permission, I'd like to take a look at your project file to investigate what's happening. You can share it publicly here, or send it to me privately by uploading it here. I'll delete it when I'm done troubleshooting.

Doug Thompson

Leslie,

Thank you for the reply. I had been on Storyline 360 v3.26.18364.0, but based on your email I have installed the update to v3.28.18944.0. However, even with the latest version, it does not  improve the image quality.

This is a screenshot. However, the blurriness seems to apply to any image. You'll notice that even the two photos of the people (which are high-res images from istockphoto) are blurrier in the published content than when viewed in the Storyline timeline. But the difference is much more apparent when trying to read small text.

I have attached an abridged project file for your review. I look forward to hearing from you.

I have also attached a Word document with a side-by-side image for easier comparison.

 

Ashley Terwilliger-Pollard

Hi Louis, 

Thanks for sharing a copy of your file with that image. I can see how this image is difficult to read at such a small size even while editing in Storyline! I think that's contributing to the main blurriness that you're seeing, as it also appears the image was resized inside Storyline. Our best practices for working with images and producing the best results is outlined here, and it recommends inserting images at their intended size and dimensions.

I'd also look at capturing this list in more than one image and perhaps adding it to a scrolling panel. That would allow things to display a bit larger and all on one screen that the learner can scroll through. 

Let me know if that helps!