Blurry images after publishing in Storyline 2

Mar 07, 2017

Hi all,

I am having an issue with images that I have inserted (PNG and JPEG) in to my presentation. They are super crisp until I publish them. I have locked the player at optimal size. My story size is 720x540 iwth lock aspect ratio. Any assistance would be appreciated. Thank you.

15 Replies
Leslie McKerchie

Hello Lynne - Based on the images you're sharing here, it looks like the content may be scaling, which could explain the change in clarity.

Articulate Storyline lets you control several aspects of the browser and player for your published course, including:

  • The size of the browser window
  • Whether the course stays locked at the same size or lets learners scale it by adjusting the size of their browser windows
  • Whether the course launches in a separate window and, if so, the properties of that window

See this tutorial for details.

Dave Cox

Hi Lynne,

I agree with Leslie's assessment. It appears that the published image has been scaled up to a larger size. Any time you scale an image up in size, you are going to loose resolution. Even if you have your publish settings set to best quality, you are going to loose resolution when the image scales up in size. The only way to prevent that is to either prevent the image from scaling up, or provide an image with a high enough resolution that it can handle upscaling without the lost of resolution. If you have a version of the image with a higher resolution, I'd give that a try.

Jonas Farnung

I am having the same problem... 

The Picture quality is set at 100% and the Player Size is " At optimal size".

in the preview you see the picture allows to display correctly. you can also see the arrow is loosing quality.

What is happening during publishing that the entire project is loosing so much quality?

Thanks for some help!




Deirdre Wyer

Hi Lynne,

Did you find a solution for this? We are having the same problem and it is causing particular issues for us with quiz questions where the learner needs to analyze an image. The image is perfect until published (even with all the settings applied as above) and then once it is published the image quality is completely lost...

Any advice on this would be greatly appreciated.


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