Forum Discussion
Blurry Images in Preview and Published
I've noticed this for awhile, all of my images I insert into this Storyline 3 course appear quite blurry everywhere - on the Storyline development screens, when previewed and when published (either as HTML5 or Flash).
The images are all smaller than the maximum size, they are at 100% scaling, have no effects applied to them. My Publish settings is set to 100% quality. I've tried bitmaps, pngs, jpgs, all identical blurry results.
I've searched these forums and seen a couple other threads on it , but never found a solution or real explanation for it. I can't send this course over to my client - it's embarrassingly bad.
I am having the same issue. There is no way I c an make pictures look normal. The weird part is whenever I use the same pictures at random other projects they work normally.
Hello Teo,
Thanks for chiming in and letting us know that this has been an issue for you as well.
Are you experiencing an issue with a particular image and a particular project? It sounds like you may have been able to use the image in another project successfully?
We do have some best practices for working with images if you'd like to check it out here.
If you are only experiencing the issue in a specific project file and cannot replicate in another, I'd import the file into a new one and proceed.
If you need us to take a look at anything, please feel free to share the image file for us to take a look.
Any resolution to this issue? I am experiencing it as well. What I am running into is that I have had to use pictures of numbers because the numbered Storyline markers I WAS using are not keyboard accessible (meaning, the triggers I apply to them do not activate). The markers were nice and crisp looking but now the pictures of numbers that I've replaced them with are blurry. Would love to know when this will be resolved!
Hey Miriam. We don't have a resolution just yet. Our team is still working on it, and we'll give you new information here!
I know this thread is old but I just wanted to say I am also experiencing this issue. The project looks crisp when editing but the html preview is blurry and the html published course is blurry when using Chrome 67 (64-bit). I'm using SL360 v3.24.17733.0. Same for both Modern and Classic player. This is a new project created with SL360. The project looks crisp in Microsoft Edge.
Chrome 72 (32 bit) on a Chrome Tablet also looks crisp. So I'm wondering if it is just a (64 bit issue?)
Hi there, Matt. Thanks for that distinction. I'll add it to our report of this issue to make sure the bit question is on our radar.
Just to add to this, I'm running Windows at 100%, all of my images are always non-scaled in Storyline at 100% with no effects. I'm publishing in HTML5 only, in browsers at 100%.
IE11 is very blurry. That's the only browser we support for our training. I tested in the latest version of Firefox, including the ESO version. Both are blurry also. SWF files are being removed from all of our training this year, so that's not an option.
We purchased a few copies of Storyline hoping to buy more later this year for all of our training, but unless this is resolved I don't expect that will occur. This appears to have been an ongoing issue for at least a year or more, so I'm starting to not have much hope it will be resolved any time soon.
Hi there, Ron. It looks like your team is using Storyline 360. Are you using the classic or the modern player for your content?
We haven't had widespread reports of blurry images in Internet Explorer 11, so I'd like to have a look at an example project. With your permission, I'd like to take a look at your .story 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.
Thanks for sharing the file, Ron. For everyone's benefit: I see an issue with PNG images being used as button fills in Internet Explorer and Chrome. In Internet Explorer, the image quality improved in a test file on my end when I simply used the image directly on the slide as a "button."
I'll keep you posted on any changes to that behavior!
Thanks for checking. I'm not sure why the image on 1.2 was blurry though.
Something I have discovered is that in our original course had the ToC, glossary, and resources on the left side of the content area, which is 1024 x 720. The size of the player was 1400 x 736.
We have since removed that feature in the player so the size with the player is now only 1280 x 736. The older, wider version of the player displayed images much blurrier than the more narrow version.
It appears that you may be scaling down images to a certain size, then scaling them back up again, depending on the total player size.
Hi Ron,
Thanks for popping back in to share your additional findings. I've added this to the report that Crystal shared.
We do recommend using images that do not need to be scaled as you can see in this documentation.
Hi,
How come this is not higher priority? Its not fun at all to have to produce such blurry products. It's not OK at all...
Just updated to latest version (Update 6: 3.6.18134.0) in hopes this would have been fixed, but still no fix...?
It's actually gotten worse after last update. I can see that the scaling is fixed (where the course would be 10% smaller after published to LMS) but the blur is even worse now.
First image below is Preview vs Production.
Second image below is NewPublish vs OldPublish. Notice how the size is different now with the new version, but it's very blurry. Both are opened in same browser, and same LMS. Top is published with latest version SL3, bottom is published with previous version (Click to see full-size).
Hi Stian,
I know your goal is to produce high-quality work, and this bug is getting in the way of that.
This issue is high on our priority list, and we are targeting to release a fix for it in the next update of Storyline 3. While I don’t have an ETA on that release just yet, we’ll let you know as soon as it’s ready.
Thanks for the update. Glad to hear its on it's way! Looking forward to be able to deliver crisp courses again, as it does produce awefull quality as it is now unfotunately.
I'm having the same problem. The images are very blurry when previewing or publishing. This is causing a problem with the QA testing on our LMS. Can we get this fixed? Is there a workaround?
