Very blurry text and images in Chrome HTML5

I am using Storyline 360 and publishing HTML5 only. My client uses Chrome only. Every image and all text is unacceptably blurry.

Attached is an image of a screen from the course. On the left is HTML5 in Chrome, and on the right is Flash. Even the "Next" button is blurry.

I see in other discussions that this is a known issue. What is the timeline for fixing this? I will no longer be able to support this client unless we can get a fix soon, as they are quite dissatisfied with the current state.

96 Replies
Lauren Connelly

Hi Alexander!

The vast majority of our customers are using Articulate 360, so that’s where we’re putting our focus. We’re also delivering periodic updates for Storyline 3, the most current perpetual version of Storyline. In short, we will not be releasing a bug fix for Storyline 2. 

Thanks for checking in!

siraj mohamed

Hi there!

I have a course published in SL360 and listed below are the two issues that persists with HTML5 output.

1. Some of the texts are blurred while some of them are sharp in Google chrome. But if we view it in full screen mode all texts are looking fine.

2. Some of the clickable images are getting jerk in hover/selected state. This is not happening while viewing it in full screen mode.

I am guessing, these are happening due to the HTML5 rendering has problem in SL360.

Could you guys help me with these?

Andrzej Jabłoński

Hi Siraj!

I have the same issue with animated texts in Google Chrome.

If the course is in full screen all texts are fine. If the course is scaled-down all animated texts are blurry.

I'm using the SL 360 with last update from May.

Did you manage to solve this issue?


siraj mohamed

Sorry to say this.. But this is the fact.. It's not yet addressed by articulte community. So, i'm somehow convinced our clients on this issue to check them on full screen mode.Let me know if you find any solution or workaround for this.. I don't think articulate will fix this issue..Thanks.Sent from my Huawei phone

Katie Riggio

Hi there, Andrzej and Siraj!

We're happy to look into the text's quality. For the next steps, are you both comfortable with separately sharing a sample .story file for testing?

It'll help us get a clear picture of what you're experiencing, and we'll delete the course after. We'll also review the slide dimensions. 

Vincent Scoma

Hi Maciej,

Thank you for reaching out and letting us know! I am sorry to hear that this issue has resurfaced on you. Let's see if we can pinpoint what is causing this issue. 

Would you be comfortable sharing an example file for our team to dive in a bit deeper? I would like our Support Engineers to help take a closer look, and this will help us get a better idea of what is taking place. 

  • You can use this upload link to share your course privately with our team. 

Please let us know if you have any questions! 

Jeremy Stump

Hi, I am also still noticing blurry images when publishing my courses in Storyline 360. I have tried to set publish quality options to custom optimization at 100% for images and the images are still blurry. The only way I am able to get the images to not look blurry is to replace all the image files once the course is published, which other users have also talked about in this message thread. This is not ideal because you have to rename all of the original images to match what Storyline renames the images to when published. Is there a better way to make sure images have the best quality as possible? We have clients who are not happy with the quality of our images since they always look blurry.

Leslie McKerchie

Hello Jeremy,

I appreciate you reaching out to share that you're experiencing blurry images. I know this thread has a lot of information in it, so I'd like to touch base on a couple of things.

You mention that you've adjusted the publish quality, but I'd like to back up and understand the images you're using. 

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

You can find the details of our recommendation in the following documentation:

Storyline 360: Best Practices for High-Quality Images and Videos

I'd be happy to take a look. With your permission, you can then share the .story file publicly here, or send it to me privately by uploading it here. Just point me to one of the problematic slides/images. I'll delete it when I'm done troubleshooting.

Jeremy Stump

Hi Leslie, thanks for getting back to me. We are noticing more of a problem for Chrome on PC. Is this a problem specifically with Chrome on PC rendering Storyline images? Is this something that is being worked on by either Chrome PC or Storyline? However, even with the other browsers and even my Mac I am seeing the best quality for my images when I take the time to replace all the images once the course is published. This of course is not ideal to have to do this every time we publish. When the quality is set to 100% for images why are they still being compressed and ending up blurry? Shouldn't this 100% option mean little to no compression with the images? It would be great to have an option for no image compression at all. We really need the flexibility of being able to create images at larger sizes so we can zoom into certain details of documents or images. I will see if I can provide an example file for you to look at soon.

Leslie McKerchie

Hi Susanne,

I appreciate you reaching out to share that you're running into a similar issue.

We are currently working with Jeremy, so I do not have an update to provide at this time.

With your permission, I'd like you to share your project file with our support engineers to investigate what's happening. You can share it privately by uploading it here. It will be deleted when troubleshooting is complete.

Sarita Weideman

Hi

My computer crashed and I am trying to figure out if it is my new laptop or the way I am making screenshots that is causing the problems. 

My images keep on blurring.  In normal, preview and publish mode.

My story size is W:1280 H:720 

I have tried to make screenshots in various ways. I have copied and pasted and also saved images and then imported them into storyline with the same results. 

I have made screenshots from software, from outlook and other sources. It does not seem to make a difference. When I import an image from the online it does not blur. It is only when I make the screenshot.

I have attached what it looks like from my side.

The computer display resolution is 1366 x 768 (100%) which is the recommended resolution for my laptop.

Any ideas or suggestions would help.

Leslie McKerchie

Hello Sarita and welcome to E-Learning Heroes. 😊

I appreciate you chiming in and sharing your experience as well as the images. 

With your permission, I'd like you to share your project file with our support engineers to investigate what's happening. You can share it privately by uploading it here. It will be deleted when troubleshooting is complete.

emily gill

Hi, I'm experiencing a similar issue, in which the player buttons, specifically previous and next, are blurry for just some (2/7) users. We're trying to isolate any similarities in system set up, but curious if anyone has run into something like this. It appears to be happening on both Edge and Chrome when viewing in Review 360.

Becca Levan

Thanks for reaching out, Emily!

I'm sorry to hear you're experiencing some blurriness with the player buttons. 

  • Do the users see the blurriness when viewing any course published to Review 360 or just one specific one? 
  • Are all the users viewing the course on the latest version of Edge and Chrome?

I'd recommend connecting with our support engineers and sharing a link to the published output for testing if possible, then one of my teammates will reach out with the next step!