Zoom Region Pixelation

Nov 21, 2012

Is there a way to zoom an image without the zoomed in view being pixelated? For example, I insert a large high resolution image of an office floor layout showing different offices, desks, chairs for the whole floor of a building. The image itself is much larger than SL stage so it is automatically shrunk to fit (which is OK because I want to see the whole floor layout). I then zoom in on a specific office but SL seems to be using the reduced size of the original PNG so when the zoom happens the image pixelates. The original image has enough image detail to to have the region zoomed to full screen and still be at least 72dpi. I want the zoomed in image to be crystal clear.

Anybody know a way around this?

32 Replies
Steve Flowers

The workaround did, indeed, work. It does still work if publishing to Flash. Note that five years back, Flash was the only publish option. HTML5 publish changes image handling. I'm not sure if this behavior is intended. This could be a bug in the HTML5 publish. Image zooms in raster images aren't very helpful if it's not going to reveal more detail.

Have you tried using a layer to render a scaled version of the image? You lose the nice zoom transition but it would display a more useful image.

Kris N

Thanks for the clarification RE: Flash!

I am targeting mobile devices, and avoiding Flash like the plague (for a host of compatibility and security reasons): Which means I'm limited to HTML5. And that's worked pretty well up until now. 

I've been trying to work out how to effectively do what you suggest; from what I've seen, though, you don't get the ability to 'navigate' the zoomed-in image. 

I was trying to use the zoom function to highlight a specific point as a VO was playing, and with the intention of learners seeing the 'zoomed in' component in relation to the 'big picture'.

Ignoring the issue with the pixelation / distortion, I'm also battling issues of limited screen space :P so that's another consideration I'm working through :) 


spiros kiriazidis

I describe to you the following steps that solved for me the zoom region pixelatiom problem:

1. Publish your project

2. Go to the mobile folder

3. The image to be enlarged is 6CtrA02QKTE_DX1444_DY1444_CX1000_CY851

4.Copy the name of the file

5. Paste it in the name of the file of the image with the best resolution

6. The name of the file has changed

7. Copy the image with the changed name and paste it in the mobile folder of the project

8. Replace the image

9. Here is the project after the changes


Lauren Connelly

Hi all!

I am jumping into this discussion to share that we just released Storyline 360 (Build 3.63.27628.0) which includes the fix for the bug where images were blurry if they were in a Zoom Region. Now all you need to do is update Storyline 360 in your Articulate 360 desktop app! If you have additional questions, don't hesitate to reach out in this discussion or in a support case.