Forum Discussion
Large picture distortion - workaround/fix?
Hi,
I have a rather large picture (1920x8729) that gets distorted by Storyline. It's an image of an excel file we use. I add it to a scrolling panel and no matter what I do, it gets very blurry.
Any ideas on how to fix this?
Best regards
Michael
- Jürgen_Schoene_Community Member
max image size (jpg, png, ...) in storyline is 2048x2048 pixel
so your image is resized while import from
- 1920x8729 Pixel
to
- 450x2048 Pixel
result is blurry
as an alternative you can embed PNG in SVG
(Adobe Illustrator)
example with screenshot 1380x13782 Pixel
https://360.articulate.com/review/content/52159aea-d5a6-4705-907b-6d3f12ffc8e3/review
slide 1: png in scrolling panel (-> blurry)
slide 2: svg (with embeded png) in scrolling panel (-> sharp)
- JLangenwalterCommunity Member
I really appreciate your post. Thank you so much for sharing this! I will be shouting it from all proverbial rooftops!
- JustusHoogen649Community Member
do you have your story file as well?
- EvitaPurzale-e0Community Member
Thanks Jürgen!
- NicholasVanD769Community Member
There's a redirect from the article I wrote detailing my solution (https://community.articulate.com/discussions/articulate-storyline/solved-avoiding-image-quality-degradation-in-images-larger-than-2048px#reply-880395) to this solution.
Are there applications other than Adobe Illustrator that can embed *.PNG files within *.SVGs? The department I work for is counting pennies, and a few weeks ago, I made a strenuous argument that we didn't need the Adobe CS.- JLangenwalterCommunity Member
Honestly, I'd be back-peddling on that argument. Adobe CS is really a lifeline in this work and I can't imagine having to find workarounds. Perhaps a case can be made for the amount of time it takes to research and implement new procedures in lieu of access to Adobe CS. I've had Chatgpt write business needs for me and I highly recommend it!