Text pixelating on zoom in HTML 5
Feb 19, 2014
Hello. I've been lurking these forums for a bit and finding answers to my questions, but I'm afraid I haven't found one for this problem.
I'm working on a project that requires an HTML 5 version, which isn't a problem for Storyline, but when I publish my project and test it in various web browsers, I've discovered that the HTML 5 version has pixelated text, which becomes noticeable whenever I zoom in. To make things worse, this project needs to scale up to fill the browser, which makes the text pixelate very badly.
I admit that I find this a little strange. While I understand that this will happen with images, why is it happening with text? Is it converting the text to an image? Why? Is there an option to prevent it from doing this? Shouldn't HTML 5 be able to handle re-sizing text?
Here are some test files to show you want I'm talking about.
14 Replies
If you are adding any type of animation to it, Storyline may be saving the text as pictures. This is the only reason I can think of why it would cause pixelation.
That's some pretty smart thinking, but I just tried it and it's still pixelated.
Here's the original Storyline file. (I wish I could upload more than one item at a time :( )
Hi Josh and welcome to Heroes!
The zooming in on text is something that has been reported to our QA team, but having an additional test file will be great so I've included this thread as a part of the report.
Annnnd any news on that topic?
Hi Marc-Olivier,
I don't have an update to share on this issue in regards to Storyline 1, although I know there was a number of updates included in Storyline 2 in regards to how text is handled. Which version/update are you using? Are you seeing a particular issue with HTML5 or Flash output?
I'm using the latest version of SL1. Update 8
Thanks Marc-Olivier - it's still with our QA team in regards to SL1 Update 8 and I don't have any updates to share but we'll keep folks posted here.
Ashley - I have users who are connecting to the company network via VPN and then accessing an LMS on their tablet. The text in the courses is pixelated. Any suggestions?
Hi Deb,
Is it only these users who are seeing an issue with text? As you can see mentioned above, Storyline 1 has some issues with text that was reported to our QA team. Are you using Storyline 1 or Storyline 2? Also, since you mentioned tablets, I wanted to share a reminder that objects aren't vectored in HTML5 output. As a result, they may not appear as crisp in HTML5 as they do in Flash if you set the player to scale to fill the browser. To avoid scaling and reduction in image quality, we recommend locking your course player at optimal size.
Tip: Because objects aren't vectored in HTML5 output, they may look blurry or pixelated in zoom regions.
Thanks Ashley. I am using Storyline 1 and the problem is limited to the
tablet. The course is formatted to scale to fill the browser because that's
the preferred setting for desktop users. I'll try changing that and see how
it affects both. Thanks for the quick response.
Glad I could help Deb - and I'd definitely look into the scaling set up.
Ashley - follow-up question... tablet users access our LMS through a VPN connection, so they aren't using traditional tablet functionality. All text is pixilated - not just text when zooming. I've tried changing the settings to "Lock player at optimal size" but the problem persists. And, although some fonts are worse than others, this affects all fonts. I'm hoping to upgrade to Storyline 2 in the near future (waiting for $$) and that this will fix the problem?? Has this issue been reported with SL2?
Thanks - Deb
Hi Deb,
The issue with objects not being vectored in the HTML5 output still remains in Storyline 2 as it's how the objects are handled with the HTML5 publish. I don't know if your VPN set up and the LMS would have any impact on this, but you could always look at downloading the Storyline 2 trial and uploading to a LMS testing site such as SCORM cloud.
This discussion is closed. You can start a new discussion or contact Articulate Support.