Images blurry in LMS output

Oct 27, 2017

Hi Everyone, 

I've got an issue with blurry PNG images in my output when testing my course via scorm cloud. 

If I preview the course it looks fine and it is only in the scormcloud (or web browser) output that I see the fuzzy image quality.

I have tried changing the quality settings etc but the issue persists. Any ideas?



6 Replies
Lynn Kepford

I'm having a similar problem. The images I'm using are not blurry in the published file. However, when I upload the file to the LMS, the images are blurry. I have optimized the image quality. Because this is a software simulation, I really need to have the player scale to fill the browser window. Similarly, I am unable to crop the image as the complete image is needed for training purposes. I'm a bit flummoxed as this module is part of a package. I've already published over 20 similar modules to the LMS without problems.

I've attached screen grabs of an image from a published (but not uploaded) file and another from a file that's been uploaded to the LMS. 

I'd greatly appreciate any assistance you are able to provide.

Louis Wilkinson

Hi Lynn, 

My courses are also software emulation...

Are the images scaled in the module? If they have been made smaller to fit into the eLearning course they will look blurry when the course is uploaded to an LMS.

I am currently trying to work out a solution for this and I suspect that I need to take the screenshots at the correct size to be inserted into the eLearning course which may mean that I have to increase the overall project size to fit them in. 

I'd be interested in hearing your thinking...


Lynn Kepford

Yes, my images are scaled. However, I've produced approximately 30 other modules using the same procedure and all are displaying the images well. I'm very perplexed as to why this one is different. I guess taking the images at the correct size is an option, although I'm not sure that I know how to get that kind of exactitude when scaling the software app.

Louis Wilkinson

That is interesting...I would be interested to know what the difference is with this latest module. 

I'm going to have to go back through about 8 module and re-take the screenshots at the correct size and I have created a frame that is the correct size and then fir the app in there before taking the screenshot. Because the app I'm capturing is java based it won't scale at the standard size so I am thinking I will have to change the overall project size to fit larger screenshots.

I'd be really interested in hearing any other ideas anyone might have before undertaking this task. 

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