My pictures are blurring on Zoom
Apr 03, 2013
By
Ashley W
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
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!
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?
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!
Thank ya ma'am, PM coming your way.
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.
Phil has the answer. It's an odd thing but that's the way to do it. So...
Storyline will use the data from the full size, offscreen image to render the zoomed image clearly.
Very useful...
I know this was mentioned in a thread some time ago, but I did completely understand the process.
Great stuff.
Thanks
Bruce
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.
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.
Hi David! Glad you found it too and happy to hear that it is going to assist you
Happy Friday!
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.
Glad to hear it Eyal! Welcome to E-Learning Heroes!
Does this work in Storyline 2?
Hi Nikki! Looks like Ashley is assisting you here as well.
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.
Hi Lynsey, would you mind sharing your file here so we can have a closer look?
Hi Alyssa,
Is it possible to send this in a message?
Thank you!
Absolutely! If you'd like to send it privately, you can do so by way of this form.
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. :(
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!
Hi Sahar, no unfortunately I wasn't able to resolve this. I had to use a different program to get the effect I wanted.
doesn't work
Hello Kristen - Could you share a bit more about what you mention does not work and what we can assist you with?
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
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?
This discussion is closed. You can start a new discussion or contact Articulate Support.