Image Compression in Storyline 3

I know this has been discussed before, but there seems to be no solution. I am working on a project that contains a lot of screenshots. Originally I imported the files from a PPT (same 16:9 settings) from the SME. Regardless of whether I locked the size of the player to optimal, or changed the image quality to 100% via publish quality, the images come out unacceptable. I notice that the images look absolutely fine when I am previewing and/or working on the project, but nothing I do makes the output even halfway acceptable. Is there a fix for this? 

I did also try to copy the original images from the PPT as well as retake my own screenshots, but the final product is always a blurry mess. 

 

Help would be greatly appreciated!

20 Replies
Leslie McKerchie

Hello Jeff - 

Sorry to hear that you've run into an issue with images in Storyline 3, but I'd love to better understand so that we can help you out here.

Are you experiencing an issue during preview or post-publish?

How are you publishing/sharing the content?

Would you be able to share a .story file for us to take a look?

Crystal Horn

Hi there, Tamara.  Would you be able to share you file with our team for testing?  You can upload it here, and please include your publishing settings, in which browsers you're seeing poor image quality, and any screenshots you can share with the URL when viewing your output.

Those clues will help our team determine some next steps for you.  Thanks!

Kimberly Valliere

In another thread from years ago, Phil Mayor mentioned trying a different file type. I just tested this theory because I have been fighting image quality issues as well in SL3. I thought it could be related to the fact that we fill the browser window with the player or publish to HTML 5 only, but no it was the file type the entire time.

I have all pngs and once the course is published, many of the images become blurry almost smudged the way that JPGs can sometimes look when lower quality. WHat was odd is that with the photo zoom tool, when it is clicked, the image sharpens a bit, yet the original image is blurry and smudgy. I tested a variety of images that had been enlarged, reduced in size, enlarged in pixel, cropped, not cropped, etc (aka jumped all the hoops to test different options).

To test the idea that Phil mentioned in the thread I linked above, I started a brand new course, uploaded three different file types and when the course is published, the GIF/JPG images look worlds better than the PNGs.

Update: My triumph appears to be short-lived. When I upload a course into S3 for testing, the image is much improved. Once I load the course into CSOD, it goes back to not great. I even changed from GIF to JPG on one image hoping that would fix it and increased the image optimization to 100% on publish. The majority of the images did improve, but one the one I'm referring to is still not great. However, when the zoom picture feature is selected--the image sharpens to almost normal. I didn't resize the image in any way shape or form. I pulled the original PNG image into SnagIt to resave it as the other file types. This process worked for the other pictures that improved, but this one image has a lot of information on it and I guess it just won't improve. I tested the output in both Chrome and FF in the LMS and there's no difference.

Leslie McKerchie

Hi Kimberly,

Thanks for sharing the thread that helped guide you through this further troubleshooting and for sharing the details with us here.

So, now you are only seeing the image degradation once uploaded to CSOD? Are you hosting the files on S3, then loading to CSOD?

Do you see a similar issue if you directly upload your zipped published output to SCORM Cloud?

Heinee Hinrichsen

Storyline 360 is still compressing files. I have tried using my jpg files at the size that they are supposed to be in Storyline and they still look fuzzy. I have changed my compression settings in Publish to 100%. I have checked in IE and Chrome and it doesn't matter the browser I am using. They still compress. When is there going to be a real fix for this so what I am seeing in photoshop looks just like what should be outputting in Storyline 360.

Ashley Terwilliger

Hi Heinee,

It would help to take a look at your original image and your .story to understand the difference in quality and any sizing you're including.  If you want to upload those here using the Add attachment button, I'm happy to take a look. If you'd prefer to share privately our Support Team is happy to help!  Either way, we'll delete the files when done.

Katie (Gokhshteyn) Riggio

Very sorry you're at this obstacle, Nikki. 

A few questions to make sure you get the most up-to-date support:

  • What version of Storyline are you using? You can find this detail by clicking on the Help tab, then About Storyline.
  • Do you notice the difference in quality during Preview, in the published output, or both? If in the published output: What browser(s) are you using to view the content?
  • If you can share a sample .story file with our Support team for testing, that would be gold. We'll delete it after troubleshooting. If that works for you, send it along by using this private upload link!
Lauren Connelly

Hi Rosaline!

I'm happy to help! First, which version of Storyline 3 are you using? We released this bug fix in Update 7 which was released on September 10, 2019.

Are you able to share your file with us so we can begin testing? You can do so by using the "add attachment" button in this discussion. Or you can share the file privately with our Support Engineers by using this link.