Dealing with image quality in Storyline 360 when imported from file

Hello,

When I import image in Storyline (Insert -> Picture from file) -- the Storyline automatically expands the image on the full slide width. Thus, I cannot avoid adjusting image size.
So it does not matter how good quality the source image is, and how accurate the size - if I know Storyline slide proportions in pixels I can create an image with 96dpi of the needed pixel size, but it will still be rescaled by Storyline when importing. This behavior contradicts what I have read in the user manual on image quality in Storyline 360:

"Start with high quality images and videos that are already properly sized for your course. Scaling media up or down in your course can cause blurriness, especially if your images and videos have text." https://articulate.com/support/article/Storyline-360-Best-Practices-for-High-Quality-Images-and-Videos

I also saw another thread on the topic with no solution here: https://community.articulate.com/discussions/articulate-storyline/hi-res-photos-being-converted-to-low-res-in-storyline


What would be the workaround then?
Many thanks!

25 Replies
Hans Christian Macaraeg

Hello Irina,

I understand how exasperating it is on your part and nobody wants to experience that as much as possible. In my opinion, it seems that it has something to do with aspect ratio. I would check that part and if it's locked.

- on the uploaded picture, right click on it, then click on "Size and Position"

- then make sure that "Lock Aspect Ratio" is ticked

Size and Position

After which, try inserting a new picture and see if it works.

Hope that helps otherwise, please do not hesitate to reach out. I am sure we will be able to get help and advice from our community experts.

All the best!

Irina Poloubessov

Dear Hans,

Thank you very much for the detailed answer!
I might have confused you with my formulation -- what I meant is that the image is imported to fit the slide size, proportionally. Not only its width is scaled to the slide, but the image itself is automatically scaled to fit the slide (what comes first: if the image is also landscape, then the first parameter is width which fits the slide)

My problem is that I cannot figure out how to preset the image to avoid Storyline automatic scaling when importing it, it happens without me being able to control it. So the user-manual recommendation is not feasible for me: I have to rescale the image in Storyline anyway if I do not want it to fill the slide completely and then it is ruined in quality.

Ashley Terwilliger

Hi Irina,

The only reason an image should scale in Storyline is if you inserted it at a larger size than your slide, and we'll scale it to fit. If you have inserted a smaller image, are you seeing it stretch to fit the slide? If that's the case, could you share the image with us and let us know what slide dimensions you're using? That will allow us to do some testing around it. 

Irina Poloubessov

Dear  Ashley,

Image stretches to fit the slide when I insert it as a file from image, or a copy-paste from screenshot directly. But it does so in Powerpoint too without any quality loss..

In SL It looses the quality dramatically in both cases, as well as being imported from photoshop. 

Unfortunately the image specifically does not matter - it happens with any image. I cannot share it for internal reasons but I can share a fragment of how it looks in Microsoft powerpoint (when importing as a file or copy from screenshot - just the same what I do in Storyline) versus the Storyline. You can see how SL dramatically reduces by default the quality of image.

This is a HUGE hurdle for us.

 

Could you please escalate the need to resolve this issue?

Many thanks.

Alyssa Gomez

Hi Irina,

I'm thinking the blurriness you're seeing has something to do with the Modern Player scaling up to fit the browser/Preview window. This scaling causes the slide size to increase, and that could result in image quality loss. 

As a quick test, try switching to the Classic Player, and choose the Lock player at optimal size setting. 

Do you notice a difference when the slide size is locked and unable to scale up?

Irina Poloubessov

Dear Alyssa,

Thank you very much for getting back to me.

I do need the possibility to use the player fitting itself to browser, and
my sceenshot is good enough for that in original form, only that SL messes
with it :(

I use classic player with it now and it behaves the same unfortunately.

I confirm that image quality in publishing settings is set to 100% and I
still experience the problem.
I created the slide sizes in pixels in such a way that the width is
exactly as my original screenshot width, to avoid SL to fit the image
width automatically,

Please see the blurriness again in the fragment.

I am in contact with the Support too, however they claim they cannot replicate the issue on their side, which leaves me helpless with those facts on my hands.

Irina Poloubessov

Dear Ashley,

Thank you very much for the follow up, and I appreciate a lot the fast Support response. The official response I quote here: 

"We currently have a known issue with images appearing blurry only when a course is being viewed in Google Chrome. this issue has been included in our internal hotlist and our Product team is working hard on a future fix. Unfortunately, I am not able to approximate when a fix will be available. Rest assured I will send you an update if a fix is available for this issue." 

David Crocker

This is not only a Chrome issue. It happens for us in IE as well. Following all the best practice instructions and setting the image to the correct size and dpi actually makes it worse. We use the classic player and don't want to lock the player to optimum size. We only use html5. This is very frustrating. We source good quality images only to have them blurred by storyline. This issue has been going on for quite some time, some threads going back to 2017. Please fix.

Irina Poloubessov

Dear Melanie, 
I will try that, thank you for the interesting idea. In this feature description it says, though, images are subjects to scale, so let's hope maybe with different mechanism behind...

 

Upd. tried it out - hopelessly blurry (fragment attached)

David Crocker

Sorry for the tardy reply. Sorry I can't share my file. This is an issue with Storyline and has been for some time. I think that instead of trying to fix each individual case, as there are many, Articulate should focus on the why storyline is doing this and sort it out. I had occasion to put the same image into a rival program and had no problems with it. I put it into Rise and have no problem with quality.

Please concentrate on fixing ongoing problems before inroducing new features. Storyline is already feature rich and I'm sure all users would forgo new features for a time while Articulate made sure the software worked proberly in all aspects.

Irina Poloubessov

Dear Alyssa,

In a similar thread in Rise 360 we were told that dealing with the image quality in Articulate is not a priority due to the fact that some folks consider the image quality satisfying enough.

What has to happen so that this problem will receive a top priority? How many users have to vote for it? 

Attached please find the comparison how the imported image looks in SL editor when imported (on the image right)
versus how it is previewed with a classic player (on the image left)

 This is a recurring systemic problem, so there is no point to share a specific file with support. I had to erase part of the image for security reasons.

If this is not urgent to fix I do not know what urgent is.
How am I supposed to present it to our stakeholders? 
Please help!!!!!

 

 

Crystal Horn

Hey everybody. I'm excited to let you know that we just released update 26 for Storyline 360! Here are all the details.

We addressed an issue where text and images could be blurry when viewing a course in Google Chrome or Safari.

Here’s how you can update Storyline 360 to take advantage of everything the latest release has to offer. If you need more help, please let me know!

Ashley Terwilliger

Thanks, David. Our team hasn't seen the same reports of blurriness in Internet Explorer 11, as we saw in Chrome or Safari. Could you check what update of Storyline 360 you're publishing with ( You can check by going to the "Help" Tab -> "About Articulate Storyline") and if you're able to share a link to the course here that would help us with testing! If you need to share that privately, our Support Team is available to take a look too.