Blurry during preview

Sep 17, 2018

My graphics look fine while I'm putting slides together but the preview is very blurry.  It was not like that when I was using Storyline 2.

9 Replies
Crystal Horn

Hi there, Heather.  We made some improvements to the desktop preview in Storyline 360 with one of our recent releases.  If you're still seeing a loss of crispness in your preview, though, we want to know about it!

Can you share a screenshot of what you're seeing as a starting point for me?  Also, can you confirm what version of Storyline you’re using?  Go to Help > About Storyline.  Thanks!

Leslie McKerchie

Hi Heather,

It looks like you replied via e-mail, which does two things:

  1. Does not allow your attachments to come through
  2. Attaches your e-mail signature

You can remove your signature if needed by clicking ‘Edit’ beneath your response. Here’s a quick Peek video if you need help.

While you're in the forum, you can also use the 'Add Attachment' button at the bottom left of the reply window to attach your screenshot. 

It sounds like you're using Storyline, so feel free to share your .story file if you'd like us to take a look as well.

Ashley Terwilliger-Pollard

Hi Heather,

It's tricky to tell from that image as it opens quite small, and scaling it larger will obviously result in a loss of quality too. Have you also compared this with the published output to see if it's only the preview that's blurry? 

I'd also suggest reviewing our best practices here on high-quality images as if you're also scaling it after adding it into Storyline that would change the quality you're seeing too. 

If you want to share a copy of your .story file, I'm happy to take a look at that too and do some more testing. 

Stian Larsen

This is a known issue. I've got it too after upgrading from SL2 to SL3. Blurry in preview. Also, opening the published HTML5 content in Chrome renders it blurry too. IE renders it sharp.


I did some more comparisons, and at least at my end I see what the issue is. But I have no way to fix it, as it's not a fault at my end.

When using screen-grab, and grabbing what I see at 100% in production, and compare it to preview, I see a 10% reduction in preview-size. This is why its getting blurry. It seems to be previewing in 90%, not 100%. Though, there is no setting to controll this.

I notice the exact same difference when I open a published course in Internet Explorer, and in Google Chrome. The Chrome version is 10% smaller, and thus blurry. I also notice the Chrome version have a thicker frame around the content, which might be the reason why the content scales down 10% to make room for this extra thick player-border.

I think this might be the issue.

Leslie McKerchie

Hey Stian,

It looks like you updated your latest reply to share some additional information.

This is still an open issue with our team and we will be sure to share any updates we have with you here.

You mention a Gary, but I'm not seeing a Gary in this conversation here.

I think this might be the issue. Gary, can you confirm if you have the same problem by using screen-grab and overlay/compare production and preview, to see if you're also seeing the 10% reduction in preview?
Stian Larsen

Hi. I copy/pasted the edited text from the thread I originally wrote it in, and in the process I forgot to remove the last sentence about Gary (who was having the same issues in another thread I replied to earlier today). Sorry for the misunderstanding. :)

This is the thread: Blurry Images in Preview and Published

This discussion is closed. You can start a new discussion or contact Articulate Support.