blurred screenshot

Hello all, when I do a screenshot of a web page to add to my slide in Storyline 360 the screenshot is blurred and it is the same problem if I use the screenshot tool from Storyline 360 or from an external screenshot tool and copy the picture... How can I get a clear screenshot ?? When I record my screen to make a video with SL 360 tool it is clear so I don't understand why I loose the quality of the picture when it is a simple screenshot. Can you help me? 

20 Replies
Marie Richaud

Hello, thanks for your answers! 

@Jahan no it's not a Google Maps screen cap

@Ashley no I don't need to scale or stretch the image because I take full screen so it's more or less the size of the slide in SL 360

And what I really don't understand is : why it's clear when I record a video of my screen with SL 360 tool but it's blurred when I take just a screen cap with SL 360 tool 

Claudia Lundie

Hi Marie,

I am experiencing exactly the same issue as you. What baffles me is that when I started the project, my screengrabs pasted in turn out alright (albeit I did reduce the size).

I haven't changed any settings and now all the screengrab I paste into are fuzzy once I render it.

I checked my screen resolution and it's 2736 x 1824 and the final image imported being 394 x 607.

I really need to sort this problem out because it will change my entire project if I cannot use screengrab.

P.S.: Am using Storyline 3 if it helps.

Alyssa Gomez

Hi Claudia!

If the original image is 2736 x 1824 and it's shrinking down to 394 x 607, that's a significant decrease in size. 

We recommend that you start with an image size that has similar dimensions to the imported size.

If images are larger than your slides, they'll automatically be scaled down to fit, which can result in a loss of quality. Here are some tips for working with larger images. 

Claudia Lundie

Hi Alyssa,

Thanks for getting back to me.

I have had the same problem even when I don't resize the screenshot (whether I use snipping tool or the screenshot feature from Storyline 3. It happens with every screenshot.

I have already looked the tips page you gave me and it doesn't seem to address my problem.

Leslie McKerchie

Hi Claudia,

Thanks for the additional information.

With your permission, I'd like to take a look at your project file and one of the image files that you've added so we can investigate what's happening. You can share it publicly here, or send it to me privately by uploading it here. I'll delete it when I'm done troubleshooting.

Leslie McKerchie

Oh, no! Sorry that we missed your reply, Marie.

I do see a difference based on the images you've shared.

Did you get a chance to look into the display/resolution of your monitor and browser and setting both of those to 100% as Ashley shared above?

What's your slide size in Storyline? It looks like your image size is 1920x1013 and 

Phil Mayor

When taking screenshots you need to ensure a couple of things.

The image should always be captured at the size you want to use and using formats such as png or gif are preferred over jpgs as the jpg algorithm will interfere with the look and feel. Screenshot should never be scaled either bigger or smaller as this will affect what they look like. If you are using a 720x405 slide size then you should not capture an image bigger that this.

Storyline prefers 96dpi images and some capture tools capture at a lower setting, these will be changed to 96 dpi on publish.

Finally check the output settings as image quality can be downgraded on publish.

Phil Mayor

I would hope it captures at 96DPI the biggest problem I have ever had is ensuring that the capture size matches the screen size, 720x405 is a small area so you may want to increase your slide size.

Above Leslies says one of your images is 1920x1013 spring that down to fit in 720x405 will reduce the quality of the image