My pictures are blurring on Zoom

So, I have been having a lot of issues recently with how small my Storyline player was.  Then I finally was introduced to the existence of "Story Size".  "Huzzah!," I say to myself, until I realize that it's kind of difficult to figure out the exact right size.  Regardless here is my problem:  I have a picture that is crisp beautiful clear when you use the zoom picture button and the player is at it's full size.  HOWEVER, if I set the options for the player to resize to fit the browser window, then the picture is clear as day in the player, but when I zoom, it's kind of blurred.

Any ideas?

33 Replies
Alyssa Gomez

Hi Krisztina,

I'm seeing blurriness in the HTML5 version of your content, but not the Flash version. I did some digging, and it looks like Flash can specify higher resolution images, while HTML5 only zooms in on the pixels on the screen.

If you need to view the HTML5 content, try using the Zoom Picture feature as a workaround.

Alyssa Gomez

Hey Krisztina,

If you don't have Adobe Flash Player 10.3 or later, you'll actually see the HTML5 version even if you click the Flash link. Here's how you can tell:

What does the end of the URL look like?

  • If it says story.html, you're viewing the Flash version.
  • If it says story_html5.html, you're viewing the HTML5 version.
Ben McKenna

Was the behaviour of duplicated/resized objects been changed at some point? I tried using the trick Phil posted (it's a few years old now) in my project and it's not working. I looked at my published output folder to see what was going on...

  • If I duplicate an image (CTRL+D) both image objects reference one image file in the published output (Good!)
  • If I duplicate an image (CTRL+D) and then resize the duplicate to be smaller (as Phil suggested), it actually creates two image files in the published output (Bad!)

I don't see why simply resizing an image causes the instancing to break. HTML5 is perfectly capable of dynamically resizing images - Storyline shouldn't need to create a completely new image at a different resolution. In fact it needlessly bloats modules, because now you have copies of images being created when Storyline could just be referencing a single file.

As of right now the only way I can fix the blurriness (that I know of) is to go into the published output afterwards, find the downsized image, then overwrite it with the original image. This works perfectly fine, and the image looks nice and crisp when I use zoom regions! Hooray! But I shouldn't have to do that.

Can we please have an option to turn off image compression/downsizing on individual images? Just a simple checkbox under Format Picture would do wonders. If I know I'm zooming in on an image, and I want to keep it at its native resolution, Storyline should allow me!

If anyone has any other solutions so I don't have to go into the published output, that'd be great.