Image Compression in Storyline 3

Hello Cédric!

Yes, this bug was fixed in Storyline 3 Update 5. We are currently on Update 11. We recommend that you upgrade to Storyline 3 or Articulate 360 (which includes both Storyline 360 and Studio 360) before Flash is disabled on December 31, 2020. Both Storyline 3 and Articulate 360 don’t have any Flash dependencies, and their HTML5 output works in all major browsers.

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?

The issue is post publish. During preview, or while working on the project the images look absolutely fine. 

I have published for web and LMS and adjusted the image quality under publish quality to 100%

Thanks, Jeff. We are looking into an issue in Storyline 3 where courses look blurry in Chrome, but not in other browsers. Are you seeing the image problems mostly in Chrome?

Hi Jeff,

Could you share a copy of this image with us and your .story file? We're happy to take a look at what is happening with the blurry images. 

Hi Jeff, 

Thanks for sharing your file so that we can take a look.

Do you experience the same behavior when I publish your course? Take a look here.

Was this resolved? We're having the same issue and need to resolve this or else we'll be using Captivate.

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.

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?

Would you be able to share the .story file or the image for us to test in SL3?