images are blurry

Jun 18, 2021

Hi all,

I am taking screenshots with Snagit. My captured images are 1280 x 720. They look perfect. My storyline story is set to 1280 x 720. When I copy and paste the images into storyline they are blurry. I do not resize or adjust the images at all. I have tried saving the images and inserting them into storyline but they are still blurry. Can anyone tell me how to get these screenshots into storyline so they are clear?

Thanks for your help.

18 Replies
Tom Kuhlmann

Here is a demo of a screenshot at 1280x720 to show the difference and what you can do.

Ideally, you do not scale the image at all. There will always be some degradation, but when the image is scaled you'll lose image quality. I believe most browsers also have an image smoothing algorithm that may also contribute to some blur. 

  • Default 16x9 is 720x504. I inserted the image in the default story size which scales it down. I published with Modern (which is responsive) and Classic (which can be locked to optimal size.
  • I set the story size to match the screen capture of 1280x720.
    • 1280x720 modern (this will get blurry unless you get the slide into the 1280x720 range on the monitor)
    • 1280x720 classic locked (this gives you the best image quality because you're locking the screen at 1280x720).


Randy Simmons

Thanks for your response. We need to use the modern player for the responsive capabilities. I do not scale or change the size of the image. We are using a story size of 1280 x 720.  Therefore, my screen captures are 1280 x 720. To illustrate my problem, I captured a small image using Snagit. See attached files. The Snagit image is almost as good as the original. I clicked on edit then copy in Snagit, then pasted into PowerPoint. You can see the PowerPoint image is not as good, but still, not bad. Then I pasted it into Storyline. You can see the Storyline image is blurry. The green box as well as the text are just not nearly the quality that pasting into PowerPoint has. There must be an explanation for how to get good quality screenshots into Storyline, but I do not know what it is. I can't imagine what I am doing wrong - it is such a simple process. Please help - I can't create work with blurry images.


Randy Simmons

I appreciate your help with this as it is a business critical issue for us. We can't develop eLearning with blurry screens. 

I have tried saving as different formats but it still comes into Storyline blurry.

I'm having a hard time understanding why this is so difficult. Should be as simple as copy an image and paste an image. Again, assuming resolution is the same and it is.

I look forward to your solution. I hope it is soon as we can't complete any projects until this issue is resolved. I am happy to do a one to one call with a developer if that will help.

Tom Kuhlmann

On the surface it may seem simple because you are just copying and pasting. But there's a lot more to it as the software has to process to image to render it on the stage and it's processed when published to play through the player with the other content. 

As it is now, the best image quality is by restricting how much you scale it up or down, which you can see in the demo.

I did present the issue to our developers and they are looking at it.

Maria Costa-Stienstra

Hi, everyone.

I have great news to share!

We just released another update for Storyline 360. In Update 63, we’ve included important fixes and new features.

One of the fixes we’ve included is:

We improved how Storyline 360 handles images during import and in the published output, resulting in crisper images.

To take advantage of this update, launch the Articulate 360 desktop app on your computer and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.

Please let us know if you have any questions by reaching out to our Support Engineers directly.