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
Staff

11 years ago04/03/13 at 12:09 pm (UTC)

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?

Thanks!

Ashley W
Author

11 years ago04/04/13 at 9:31 am (UTC)

Not sure. I used the screen clipping tool to get the image.

I might be able to share this one, but I don't want to share it in the thread, can I submit it to support and you'll be able to see it?

Christine Hendrickson
Staff

11 years ago04/04/13 at 9:36 am (UTC)

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.

Thanks!

Ashley W
Author

11 years ago04/04/13 at 9:41 am (UTC)

Thank ya ma'am, PM coming your way.

Phil Mayor
Hero

11 years ago04/04/13 at 9:42 am (UTC)

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.

Brett Rockwood

11 years ago04/04/13 at 12:46 pm (UTC)

Phil has the answer. It's an odd thing but that's the way to do it. So...

Insert full size image offscreen.
Copy it and place it onscreen
Reduce the size of the onscreen copy as necessary.

Storyline will use the data from the full size, offscreen image to render the zoomed image clearly.

Bruce Graham
Hero

11 years ago04/04/13 at 1:15 pm (UTC)

Very useful...

I know this was mentioned in a thread some time ago, but I did completely understand the process.

Great stuff.

Thanks

Bruce

Ashley W
Author

11 years ago04/18/13 at 11:46 am (UTC)

Does this not work if you crop the image? I'm trying it with a different project and I don't see any change in the size of the zoomed cropped image, even though it's a duplicate of the full image offstage.

David Sensenig

over 10 years ago09/06/13 at 12:52 pm (UTC)

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.

Leslie McKerchie
Staff

over 10 years ago09/06/13 at 1:01 pm (UTC)

Hi David! Glad you found it too and happy to hear that it is going to assist you Happy Friday!

eyal katz

over 9 years ago09/18/14 at 7:43 am (UTC)

Great Answer - dear Brett Rockwood, you've just Solved my problem after long efforts of digging in the help docs and few minutes in the Forum.

Leslie McKerchie
Staff

over 9 years ago09/18/14 at 9:39 am (UTC)

Glad to hear it Eyal! Welcome to E-Learning Heroes!

Nikki Mulig

over 8 years ago07/31/15 at 1:34 pm (UTC)

Does this work in Storyline 2?

Leslie McKerchie
Staff

over 8 years ago07/31/15 at 2:55 pm (UTC)

Hi Nikki! Looks like Ashley is assisting you here as well.

Lynsey Kuye

over 7 years ago12/01/16 at 2:11 pm (UTC)

I am having a similar issue. I'm using one of the characters, then a smaller version when zoomed but they appear blurry.

I tried the off screen trick but this didn't work for me.

Alyssa Gomez
Staff

over 7 years ago12/01/16 at 5:24 pm (UTC)

Hi Lynsey, would you mind sharing your file here so we can have a closer look?

over 7 years ago12/02/16 at 9:57 am (UTC)

Hi Alyssa,

Is it possible to send this in a message?

Thank you!

Alyssa Gomez
Staff

over 7 years ago12/02/16 at 2:22 pm (UTC)

Absolutely! If you'd like to send it privately, you can do so by way of this form.

Sahar Ali

7 years ago02/10/17 at 10:24 am (UTC)

HI Lynsey, did it work our for you. I am trying the copy pasting or duplicating work around but it isnt working for me either. :(

Alyssa Gomez
Staff

7 years ago02/10/17 at 3:20 pm (UTC)

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!

7 years ago02/10/17 at 3:20 pm (UTC)

Hi Sahar, no unfortunately I wasn't able to resolve this. I had to use a different program to get the effect I wanted.

Kristen Garcia

7 years ago04/14/17 at 2:02 pm (UTC)

doesn't work

Leslie McKerchie
Staff

7 years ago04/14/17 at 2:09 pm (UTC)

Hello Kristen - Could you share a bit more about what you mention does not work and what we can assist you with?

7 years ago04/14/17 at 2:13 pm (UTC)

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

Leslie McKerchie
Staff

7 years ago04/14/17 at 7:45 pm (UTC)

Hello Kristen - Looks like you may be utilizing the solution shared in this thread. Sorry to hear that it is not working for you. Would you be able to share the .story file so that we can take a look and better assist?