Forum Discussion
Poor image quality in Storyline 360
Hey guys,
I have found a few threads on poor image quality of previous versions of Storyline, however the new 360 version has also very poor image quality when piblishing. Please see attached screenshot: original image in high resolution saved in png format, imported via Insert Image into Storyline (smaller size! should work fine!) and when published in HTML5 - you can see this low-quality soapy artifacts.
Please let me know where I can adjust image quality settings to avoid that. It seems not to matter how carefully original images are selected with a good quality -if the end result is poor. Please help!
Thank you!
Hey Katelin,
I just responded to a similar thread here detailing your issue and I'm glad that you're working directly with our support team now so that we can get to the bottom of what you're experiencing.
- LucyMurrayCommunity Member
Hi All
Any solution to this? I also am experiencing the same issue with a logo supplied by my client. Unfortunately I'm unable to share the PNG as it's a logo.
On the actual slide it looks ok, when viewed in player or Articulate Review it becomes blurred.
- PatrickSchmidCommunity Member
I, too am eagerly awaiting some kind of solution to this. I'm in the same boat as Lucy, as my created files are confidential, I am unfortunately not able to share them. If I understand correctly, you should have gotten quite some examples from others in this thread.
- KatelinJordan-2Community Member
I continue to have issues as well despite publishing them in the correct
format and size described. It is a HUGE issue...Katelin Jordan
Sr. Instructional Designer
kjordan@netskope.com
Work # (707) 732-9931
Netskope
Hi folks!
First, I'm really sorry to hear that you're running into issues with blurriness. I know your goal is to produce high-quality work, and blurry slide images are getting in the way of that. I wanted to share a summary of our findings from Katelin's case, and others.
If you're seeing blurry images in your files, follow these steps:
- Check the original size of the image, prior to inserting it in Storyline.
- Insert the image in Storyline, and check the dimensions of the image under the Format tab:
- If the image is the same size as the original, you shouldn't see a loss in quality.
- If the image is larger or smaller than the original, you could see a loss in quality.
We've got a lot of helpful information on best practices for using high-quality images in Storyline in this article. Hopefully the recommendations in that article will make a difference!
- IrinaPoloubessoCommunity Member
Dear Alyssa,
Thank you very much for the update.
But if I work with screenshots (72 dpi) and import to Storyline resamples to 96 dpi, then the automatic resize due to resample is inevitable? How do I proceed then?
- KatelinJordan-2Community Member
Right? Use the Storyline screen capture tool. It is the only option that I
have found works... It is extremely frustrating. They need to fix this so
that it doesn't automatically resize to the slide size. That is the root
cause of the issue. 🙄
- IrinaPoloubessoCommunity Member
Dear Alyssa,
There is also some automaticity happening, when I insert a high-resolution image into the storyline: when I work in the Photoshop to prepare it, without adjusting its size to Storyline size, at the insertion Storyline automatically adjusts the Image to fit the width of a slide. Which I find great, but if at this moment also some resampling is happening , then it is of course a pity that we cannot control it. - ElizabethDou037Community Member
I have checked this. Image is same size, dpi for image is 96. Storyline version is 3.20.16814.0
Hi Webby,
It looks like Tom reached out in a similar conversation with a great explanation here. Just wanted to link it for anyone following along.
Hi Irina! Can you clarify the details of image file you're using?
- Is the image larger or smaller than the slide size?
- Does the image get larger or smaller when you import it into Storyline?
- KatelinJordan-2Community Member
My experience was that smaller images get autoresized to be larger.
- BenBirdCommunity Member
one area I have a big problem with the blurriness is in zoom regions. storyline does not support a higher-than-slide-res image file meaning when your zoom region kicks on, it simply zooms the image downsampled to its 100% size IN slide.
another way of saying this: I have a 3000x1900 image that has intricate details I want to do zoom regions on. when it is placed in the 1680x1050 slide and published, none of it's original resolution is kept, it simply zooms in on a down-sampled version on the image i put in and it just gets blurry. I have been on storyline since version 2 came out and have never found a way of keeping that image from being down sampled to slide size or smaller.
Hi there, RTSaud. You've got a good understanding of what happens. The HTML5 player is rendering images at a given size onto a canvas, losing any extra information it might have had. When the region is zoomed, it can only use the pixels that were on screen and zoom them.
It sounds like this is an issue for you with your images, so I'm sharing your thoughts so we can continue to track requests to change this feature. Thank you for contributing!
- MichaelHinzeCommunity Member
Storyline has a size limitation of 2048*2048 px for images. If you want to retain the original size (and resolution) you need to tile the image, import the tiles and reset their size to 100%.
- BenBirdCommunity Member
Thank you both, very much!
- ThomasFennerCommunity Member
I have the same problem everyone else is experiencing. I've tried all of the settings that were suggested here to no avail. Has there been a determination as to what the issue is or has a solution been found?
Thank you.
Hi Thomas and welcome to E-Learning Heroes :)
Thanks for reaching out and mentioning that you've tried the troubleshooting listed here.
Looking through the support cases that were shared with our team, it seems that most of the issues were due to image scaling, either up or down, when the image and the slide size varied.
Would you be able to share the image file that you are adding to Storyline so that we could take a look at what you're experiencing? What version of Storyline are you using and what is your Slide Size?
- ElizabethDou037Community Member
I have just come across this now.(A new user trying to get it working on a MAC. I thought my problems were becuase I was using Parallels in a MAC - and that was causing blurry images. SO I went out and bought a new PC and the blurryness is still there.!
Could we please have a link to an article that summarises what I need to do to get images nice and crisp in SL. I used to use SL 2 years ago and don't ever remember this level of problems!
- ElizabethDou037Community Member
I just tried the screen capture tool in SL and it was not any better! Still very fuzzy.