Zoom Region is clear in preview mode & HTML, blurry when published

Hi Frank,

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.  

Thank you for the fast reply Ashley.   I wish the outcome were different.  Oh well.

Hey Ashley - just following up on this one (curious users want to know)...  any idea IF / When there might be a fix for this?  Thanks!

Hi Diana,

Frank's question is quite a bit older, and likely Storyline 1, as the previously shared link, is no longer valid either.

What version of Storyline are you using, and can you share more about what issues you've run into with blurry/pixelated images?

Hi Ashlie - right now there a few bugs in SL360 that prevent me from using it, so I'm developing in SL2, but I'v tested SL360 by creating a small sample course, and the images inside zoom regions are also blurry there too. 

I've attached four images below - let me know if you need anything more from me or want me to post/discuss in another spot.  Thanks so much for all your help - you are wonderful!

1. This is slide view @ 100% inside Storyline 2:
2. The slide when previewed in SL2.  (Text is crisp, image looks good)
   
3. The slide published to Web with HTML5 checked and viewed in full-size browser window.  (Text is blurry, image somewhat fuzzy, Some text inside zoom region near bottom is cutoff.)
4. The slide published to Web with HTML5 checked and viewed in reduced-size browser window. (Text is blurry, image somewhat fuzzy, Some text inside zoom region at top is cutoff.)

Thanks, Diana for the images. It seems to match what we've seen in Storyline 2 based on how images are vectored in the HTML5 output (detailed here). 

With Storyline 3 and Storyline 360 there have been a lot of improvements to how the HTML5 output is rendered and the way images are handled. I'd still recommend following along with the best practices outlined here. If you're able to take a copy of the .story file I'd love to take a look at that to do some testing and offer any other advice or ideas. You can upload it here using the Add Attachment button. 

Hi Ashlie,

1. I selected both "optimal size" browser/player settings in SL2, but it didn't seem to make a difference (image below).  
2. I also upgraded the file to SL360 and published for the web with HTML5 and Flash Fallback with the Player locked at optimal size.  It made a little difference (I image looks better but the text isn't as crisp as what I see in Preview).  Sadly there are a couple of other bugs with project size and text spacing that prevents me from using 360 for these courses.
   

I pulled together all of the scenes where I use Zoom regions in a simlar fashion.  I'm happy to share the file, but is there a more secure way to share it than adding it here?

Thanks for these screenshots, Diana. They're extremely helpful!

You can send your Storyline file to us privately by using this upload link. We'll have a closer look at your project to see what approaches we can take, and will delete the file after.

Looking forward to digging deeper!