Forum Discussion
Zoom Region Pixelation
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?
I hear ya. IMO, the HTML5 feature should work just like the Flash feature and actually zoom a full size image. I've submitted a bug report. Crossing fingers for all of the SL zoomers.
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.
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 :)
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
Have found that png's pixelate the most, try a jpg they seem to respond better
Make sure there's an image somewhere in your story (even on the same slide off of the stage) that is scaled to full size. That way Storyline will include the full-tilt size on export and not scale down your rescaled version.
Oh, and make sure it's copied and pasted
If you re-import another image, it'll tag it as a separate object and not smartly handle the resize link.Interesting, even importing a separate instance is working well for me. Even if the image is on another slide at full scale it's still crisp and 1:1 nice.
Hi Steve. Didn't know about having a full sized copy offscreen would work. Going to try that now...
Just so I understand... I should insert a full size image, drag it off the stage and make sure it is scaled to 100%. Then I should copy and paste that image and resize it to fit the stage. Then when I zoon on a small section of that resized image on the stage it will zoom using the full sized image that is off screen?
Yep. That's the way it's working for me. For example if your image is 2000 x 2000 pixels, scale it 100% off stage, then scale down a copy to fit your stage (760x540). Now when you zoom region, it'll use the fully scaled image and not super pixelate (within the limits of your fully scaled image).
