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.
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.
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
Personally, I replace the images in the output with uncompressed versions before zipping. Give it a try – your images will be much crisper (but keep an eye on the file size).
Thanks for the workaround.. I will definitely try it out.. But is there any
workaround for storyline text blurness??.. That's the big concern to me as
lot of texts are blurred in output..
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.
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.
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:
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.
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.
Interesting. I appreciate you sharing further insight. I was able to track down some similar conversations related to Chrome, but I'd like to confirm when I take a look at your file.
I shared a link for you to share privately and that can also be a single slide with a problematic image if needed.
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.
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.
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.
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.
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!
96 Replies
Is the blurry text in HTML5 output 100% confirmed to be fixed in Storyline 3? Are there any plans to fix this in Storyline 2?
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!
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?
Hi Siraj!
We can definitely assist! Would you mind also sharing a screen recording of what you're seeing?
Also, are you seeing this occur in a specific browser or all browsers?
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?
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
Personally, I replace the images in the output with uncompressed versions before zipping. Give it a try – your images will be much crisper (but keep an eye on the file size).
Thanks for the workaround.. I will definitely try it out.. But is there any
workaround for storyline text blurness??.. That's the big concern to me as
lot of texts are blurred in output..
Thanks.
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.
hello,
This problem has already occurred (https://community.articulate.com/discussions/articulate-storyline/fuzzy-text-and-images-sl360-in-chrome) and unfortunately returned again but now it's not only Chrome issue, all browsers are affected and storyline preview.
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.
Please let us know if you have any questions!
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.
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.
This post was removed by the author
This post was removed by the author
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.
Interesting. I appreciate you sharing further insight. I was able to track down some similar conversations related to Chrome, but I'd like to confirm when I take a look at your file.
I shared a link for you to share privately and that can also be a single slide with a problematic image if needed.
Hi Leslie, I uploaded my files.
Case Number: 02560295
Thanks,
Jeremy
I am experiencing the same issue with blurry images. Please advise. FLASH will not longer be supported, so HTML5 is really the only option, right?
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.
While Storyline 360 is working on a fix. One can use DoctorElearning tool to make the process of replacing the image less painful, you can refer to this link - https://doctorelearning.com/blog/modifying-editing-published-elearnings-scorm-without-source-code/
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.
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.
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.
Thanks for reaching out, Emily!
I'm sorry to hear you're experiencing some blurriness with the player buttons.
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!