Poor image quality in Storyline 360

Hey guys,

I have found a few threads on poor image quality of previous versions of Storyline, however the new 360 version has also very poor image quality when piblishing. Please see attached screenshot: original image in high resolution saved in png format, imported via Insert Image into Storyline (smaller size! should work fine!) and when published in HTML5 - you can see this low-quality soapy artifacts.

Please let me know where I can adjust image quality settings to avoid that. It seems not to matter how carefully original images are selected with a good quality -if the end result is poor. Please help!

Thank you!

109 Replies
Autumn Strausbaugh

I am also having issues with image quality in a storyline course. The image in question is blurred and very poor quality. We also have lines created in storyline that are now blurry and very poor. Tired with both types of players, tested on multiple different browsers and computers.  This seems like a critical flaw in the software - one that will drive us to use something else for our client's project.

Is a fix going to happen for this or is it still on some undetermined timeline?

Thank you,

Wendy

Leslie McKerchie

Hi Wendy,

Thanks for reaching out and sharing what you are running into.

We do still have an open issue with blurriness with:

  • Dashed Lines
  • Lines with Custom End Types
  • Arrows

This conversation is linked to the report so that we can pop in and share any updates we have with you here.

As far as having an issue with blurriness, 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.29.19305.0 of Storyline 360. You can read all of the details here.

We have a couple of fixes from conversations here that have been corrected:

  • Blurry text and images in Chrome - corrected in Update 26
  • Animated objects are slightly blurry when viewed in Chrome 73 - corrected in Update 29
Lauren Connelly

Hello Ann!

Thanks for sharing a screenshot of what you're experiencing! Have you resized the image after adding to Storyline?

If so, you'll always want to resize using the corners as that keeps the quality of the image intact!

Secondly, we do have tips on high quality media in Storyline! Take a look and let us know if you're still seeing blurry images.

Diarmaid Collins

If I import an image into a skewed picture box (Parallelogram) and view it in Chrome (Mac) it displays in Review as low-rez blurry pic as described in this thread.

If I change the shape of the picture box back to a normal rectangle and republish the image is displayed correctly, pin-sharp, as intended.

Here are the screengrabs. This top one has both images overlayed on each other. The background one has a rectangle frame. The top image of the boy has the skewed parallelogram frame. See how blurry it is. This screengrab is taken from Chrome OSX.

How it is in Chrome OSX

 

This image is taken from Edge Win10. Both images are pin sharp.

As it should be (viewed in Edge Win10)

Here is a link to the slide for demo purposes.

My... uh... "solution" or workaround is to simply apply the frame mask within Photoshop and import as a transparent PNG (see the background image) into a normal rectangular frame, but it is annoying that Storyline Frame Shapes are causing this glitch in Chrome.

Shauna Jungdahl

Hello,

Has there been any confirmed update/fix to this bug? Myself and my colleagues are still experiencing blurry screenshots when uploaded to S360. I've gone through this entire thread, followed almost all of the tips, and nothing has helped. It won't be of benefit for me to send my file, as it's the exact same as everyone else's. 

Please send an update as this fix is very crucial to productivity.

Thanks.

Leslie McKerchie

Hi Shauna, 

Since the original report shared here, we've had many updates that corrected many of the issues shared.

In taking a look at the support cases shared here, for most users, it comes down to:

Best Practices for High-Quality Images and Videos

Specifically having an image that does not need to re-size to fit your slide.

If this does not fit what you are experiencing, it would be beneficial for us to take a look at your .story file to verify that you're not seeing an additional issue that we need to investigate.