Use 'Zoom Picture' results in blurry smaller images

Feb 24, 2023

Hi Heroes,

I've read a ton of "blurry image" posts, but none that feel like the same issues I'm seeing, so I'm hoping I'm not the only one seeing this. My blurry image issues occur specifically when I apply the "Zoom Picture" feature to an image, and only when viewing the course; it does not occur when editing.

When I apply this feature and view the image on-slide during preview or after publish, it causes the smaller "thumbnail"-type image to be extremely blurry, but the zoomed image is still completely clear. The zoom icon also appears in the wrong place on the smaller photo, only in view mode. However, if I turn off "Zoom Picture", it returns the original image to crystal clear and readable (just a bit small to read for a learner). 

I have attached several screenshots that show this occurrence in its many forms desribed above, so hopefully someone can tell me they've experienced this also and suggest a fix. Anything but being told it's "expected behavior", because there's no reason a company should expect a feature should make something worse.

Please let me know if you've seen this before!

8 Replies
Steven Benassi

Hi Tim!

I understand that images, where you are using the “Zoom Picture” feature, are appearing blurry. I’m happy to help figure out why this might be occurring!

Just to confirm, you’re finding that the thumbnail of the image appears blurry only when using the “Zoom Picture” feature. The image is clear without the “Zoom Picture” feature. Additionally, the images are blurry when viewing the course, but aren’t blurry when editing. Is this all correct?

I did a quick test on our end to test for expected behavior, and I can confirm that I was able to observe some form of blurriness in the images where I enabled the "Zoom Picture" feature.

It would be helpful if we could take a look at your .story file so we can test your setup on our end! Do you mind sharing your project in this discussion or in a support case?

In the meantime, one possible workaround would be to use a layer in order to “create your own zoom” in a way. If your image is of a high enough resolution, you can make it larger and crop out the area you want as a zoom. This video from Alyssa provides a super helpful walkthrough for that!

I appreciate you providing screenshots! We’ll be sure to begin troubleshooting after receiving your project file!

Tim Stam

Opened case# 03571229  regarding this, due to confidentiality agreements. I can certainly attempt what Alyssa has done here, but since we deal with screenshots also, it can certainly be tricky to get the proper resolution all the time, when the software feature should just work.

I will keep this thread updated with anything I can share.

Bryana Bohl

I am also having this issue and would like to know if there is a solution. 

It's frustrating because the original image will be sharp, but then the image becomes blurry in preview if you add the Zoom Picture effect. By adding the effect, many of the original images I have in a project are no longer legible in preview unless I click to zoom. 

Jürgen Schoenemeyer

if you use "zoom" images, the (thumbnail) image is scaled while publish to the exact size you choose - all other images are not scaled on publish (the browser scales the images)

that is ok i you use a large slide size (e.g. 1920x1080), but it is a problem if you use the default slide size (720x...)

Kelly Auner

Hi Bryana,

Welcome to the E-Learning Heroes community!

I'm sorry to hear that you're experiencing this issue. In addition to what Jurgen shared, I wanted to let you know that we're tracking a possible software bug where images with Zoom Picture enabled are blurry in their thumbnails.

We'll update this discussion when we have news to share, but please don't hesitate to reach out in the meantime for further assistance. You can get in touch with our team here in the forums or privately in a support case.

Jose Tansengco

Hi Everyone,

I have some great news to share! We just released another update for Storyline 360. In Build 3.76.30446.0, we've included important fixes and new features.

One of the bugs we've fixed is: 

  • Applying Zoom Picture to images causes some blurriness.

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

Please let me know if you need additional help!