Image is blurry when viewing published presentation

Jan 17, 2014

I have a PNG image within one of my slides. It looks normal before publishing. When published, it appears to be blurry. I tried adding the image directly to the slide, instead of it being a background image in the Slide Master, yet still no success. I also re-saved the image and made it a JPEG. This still did not change the quality of the image when published. Attached are screenshots of the before and after images. Any ideas on a resolution?

Thanks in advance for your help,

Brittany A.

25 Replies
Leslie McKerchie

Thanks for the update Brittany!

Be sure that you are using out latest version, Studio '13 Update 1, which can be found here.

Have you tried adjusting your publish quality settings in Presenter '13? 

You can check your current publishing settings by clicking on Publish >> Method (Web, LMS, etc.) >> Quality link.

It should look something like this:

Also, make sure that you're not viewing your published project files locally. If you view a published Studio '13 presentation on your local hard drive or send it to someone else to view on their local hard drive, you'll encounter security restrictions from the computer, web browser, Flash Player, and network that'll cause various features of your content to fail.

To properly test your published content and share it with others, upload it to the environment for which it was published. Please review the article below for more information:

Tips for Managing Project Files

David Badri

Hi Leslie

First of all, let me say that E-Learning Heroes is really an amazing resource for support and new ideas, many thanks for all your efforts!

We are currently in the process of transferring our Studio '09 modules to Studio '13 and creating new modules with the new tool. We experience similar issues with blurry images after publishing however (which we didn't have with Studio '09 or Storyline). Update 1 is installed, quality settings are at highest level. Viewing the presentations right after publishing or after uploading to the LMS makes no difference. Slides that looked perfectly sharp with Presenter '09 look blurry with Presenter '13: identical contents, identical settings (please find example attached). PNG or JPG make no difference too. I was following the recommendation to lock the browser window at optimal size, but for many slides, things become to small to read then so we need to go larger.

Any ideas? Many thanks,


Leslie McKerchie

Hi David and welcome to E-Learning Heroes!

We do have a couple of customers reporting this and our QA Team is looking into this. 

I will add this thread for them to reference as well, but I do not necessarily have a solution to offer at this time while it is being investigated. 

Locking the browser window at optimal size is what we recommend as you already know.

Leslie McKerchie

Hi Jason!

Images may be blurry if your published output is scaled larger than its original size. To avoid scaling and to sharpen images, see the recommendations in this article.

If all of your settings are as mentioned above, you are welcome to submit your course to our support team to have a look at.

As you can see above, Nelson was unable to do so.

Please be sure to package your course and send it to us if we need to take a look.

Ashley Terwilliger-Pollard

Hi Elizabeth,

This thread is a bit older - but the information in terms of blurry or pixelated images if you're scaling your course still holds true as detailed here.  It's also worth noting that, objects aren't vectored in HTML5 output. As a result, they may not appear as crisp in HTML5 as they do in Flash. For the best results, we recommend locking your course player at optimal size.

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