My pictures are blurring on Zoom

Apr 03, 2013

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
Christine Hendrickson

HI Ashley!

Sounds like it may be a scaling issue. The image may not be able to scale to the size that's being displayed for zoom in the browser window. Out of curiosity, what type of image are you using (.PNG, .JPG, etc.)? 

Are you able to share a link to the course, or share the .STORY file here so I can check it out?


Christine Hendrickson

Hi Ashley,

Sure thing! You'll be able to attach the .STORY file on the second page of the following form:

Articulate Support - Submit a Support Case

Please be sure to include a description of your issue. Please also include the URL for this thread in the form. Also, please share the case number with me. You're welcome to do so here, or in a private message. This way I can follow the progress of the case, check out the file and update this thread.


Phil Mayor

Hi Ashley there is a trick here if you are using the zoom region.  Insert the image full size (It needs to be bigger than the player), drag it off slide, copy and paste (or Ctrl D, or CTRL+Drag)  the important thing is that it is a copy.  Resize the duplicate on your slide.  

Keep the original off slide do not hide it, this will stop Storyline optimising it at the smaller size when you publish.

David Sensenig

Glad I found this! It also seems to work when changing the zoomed picture to different states (I haven't published yet, but the preview looks good). I simply changed the states of the original, full-sized off-screen image and then used the same images for my scaled-down on-screen version. I'm creating a simplified infographic that reveals more details when zoomed in.

Alyssa Gomez

Hi Sahar!

Here is the response from our Support Engineers in Lynsey's case:

Objects will not be vectored when viewing Storyline's HTML5 output. As a result, objects may not appear as crisp in HTML5 as they do in Flash. Because objects are not vectored in HTML5 output, they may look blurry or pixelated in zoom regions. 

If you'd like someone from the team to take a look at your file, you're welcome to send it over by way of this form! 

Kristen Garcia

I have a scene and I want to zoom in a section of the scene. It's a picture of an office and when I zoom in I want there to be a paper that can be read on the desk. The paper is able to be read clearly when I use the developer zoom at the bottom of storyline but when I preview the slide and it zooms in on the paper - the paper becomes blurry. I tried the hack that was mentioned on the website. To insert the picture full size, drag it off screen, duplicate the image and put the duplicate on the screen at the smaller size to trick the browser to optimize at the bigger resolution but it doesn't work.
This electronic mail (including any attachments) may contain information that is privileged, confidential, and/or otherwise protected from disclosure to anyone other than its intended recipient(s). Any dissemination or use of this electronic mail or its contents (including any attachments) by persons other than the intended recipient(s) is strictly prohibited. If you have received this message in error, please notify us immediately by reply e-mail so that we may correct our internal records. Please then delete the original message (including any attachments) in its entirety. Thank you

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