Image optimization for iPad

Hi P Y! 

We have a great blog post on image formats here.

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. See this article for more information.

Thanks,but what about Articulate Mobile Player? Is it using the same process as HTML5? I don't see any information about it in the link you pointed me to.

Hi P Y! I cannot think of specific documentation in regards to this. If you are having difficulty with something, we would want to take a look. I've seen documentation about zoom regions in AMP that states images aren't vectored as well, so seems like it would be similar to the HTML5 quality output.

Overall, most graphics look fuzzy in the AMP.

One simple example attached, both graphics are PNG files.

Thanks for sharing. I'll add this to an open issue with our QA Team as it's a general one related to text/images in HTML5.

P-Y:

Fuzzy images on the iPad

This is likely happening because the output is being resized automatically. It doesn't matter if it's Flash or HTML5. If you are using a raster image (PNG, GIF, JPG) then it will look fuzzy when resized.

One other issue you may be encountering is the retina display on the iPad (if it has one). Retina displays have 4 times as many pixels as "normal" displays so images can become fuzzy. There is a discussion about this and the workaround here.

Formats and output

From what I can tell, WMFs will retain their vector properties and can be resized without becoming fuzzy. More in WMFs in Storyline here. Other formats are converted to raster when imported into Storyline. A raster image will not be converted to a vector on publish no matter what format is published to.

But I believe that shapes you create inside Storyline and the cartoon characters will be rendered as vectors in the output.

Hope this helps.

Thanks Steve.

Hi Steve, I already have spent a couple of hours trying everything from the "importing vector graphics" thread and I can't manage it. For instance, I have imported the Charlene graphic, blown it up and attached is a screenshot from the result...

But from what I gather, this is not relevant to the iPad issue as it is not using vectors...is that correct?

Thx

That's right. It won't make a difference because the output will be raster. At least as far as I know.