On several of my slides, I'm using a scrolling panel to display document-style content that is too large to otherwise fit on my slide. The content is a hi-res PNG image at 100% original size. Since a lot of this content is text, it's crucial that it be as crisp and clear as possible. Anyway, I've noticed that when I place the content into the scrolling panel, it becomes noticeably softer. See comparison below:
Any chance your original image is wider and/or higher than 2048 pixels? If that's the case, than Storyline will scale down the image and that leads to blurriness. Here is a similar thread with some info for a workaround.
Good tip, Michael. I actually encountered that issue previously, and figured out that when I have images that are longer than 2048px, I'd have to slice them in Fireworks and tile them in Storyline to maintain fidelity to the original.
But no, this image is 100% original size (860px x 1425px). I can pull the picture object out of the scrolling panel, and it looks sharper. When I put it back into the scrolling panel, it's immediately soft again. The content is basically just a tabular, form-type layout, but then Storyline doesn't provide tools for building this kind of stuff directly into the slide. So I have to author it in another program, make an image out of it, and then import it. And now that's blurry. It's extremely frustrating, cause I'm spending way more time on this that should be required. Grrr.
Should I be approaching this problem from a different angle altogether?
Have you tried importing it as a different type of image? I suspect that since it's a PNG, there is a bit of scaling happening and it's changing the quality. Can you try a vector image and see if you get the same blurriness issue?
I know this thread is old, but I'm encountering the same issue when I place a PNG or JPEG image with text and photos appearing blurry inside of a scrolling panel.
Unfortunately Storyline 3 is not allowing me to import an SVG image. Could you please let me know what format of vector image Storyline 3 accepts?
5 Replies
Any chance your original image is wider and/or higher than 2048 pixels? If that's the case, than Storyline will scale down the image and that leads to blurriness. Here is a similar thread with some info for a workaround.
Good tip, Michael. I actually encountered that issue previously, and figured out that when I have images that are longer than 2048px, I'd have to slice them in Fireworks and tile them in Storyline to maintain fidelity to the original.
But no, this image is 100% original size (860px x 1425px). I can pull the picture object out of the scrolling panel, and it looks sharper. When I put it back into the scrolling panel, it's immediately soft again. The content is basically just a tabular, form-type layout, but then Storyline doesn't provide tools for building this kind of stuff directly into the slide. So I have to author it in another program, make an image out of it, and then import it. And now that's blurry. It's extremely frustrating, cause I'm spending way more time on this that should be required. Grrr.
Should I be approaching this problem from a different angle altogether?
Hi Greg,
Have you tried importing it as a different type of image? I suspect that since it's a PNG, there is a bit of scaling happening and it's changing the quality. Can you try a vector image and see if you get the same blurriness issue?
Hi Ashley,
I know this thread is old, but I'm encountering the same issue when I place a PNG or JPEG image with text and photos appearing blurry inside of a scrolling panel.
Unfortunately Storyline 3 is not allowing me to import an SVG image. Could you please let me know what format of vector image Storyline 3 accepts?
Thank you,
Alisha
Hello Alisha,
Thanks for reaching out and letting us know what you are running into with your images in a scrolling panel.
Importing an SVG image is not a supported format. You can see the supported images in this documentation.
This discussion is closed. You can start a new discussion or contact Articulate Support.