Poor image quality in Storyline 360
Apr 30, 2018
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!
135 Replies
Hi Yael,
Thanks for reaching out and sharing images of what you are seeing as well.
Are you adding the character directly in Storyline?
Would you be able to share the .story file you are working on and the details here?
I am having the same issue and it is really a problem. Images are great until I put them into storyline...
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.
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.
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.
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:
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!
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?
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. 🙄
Katelin, thanks a lot, I even did not know it has a capture tool for still Images, we only used the Video recording..
Found it!
Windows Snipping tool is crispier...
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.
Hi Irina! Can you clarify the details of image file you're using?
I agree...unfortunately due to the autosizing in Storyline it isn't working well for me.
My experience was that smaller images get autoresized to be larger.
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!
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%.
Thank you both, very much!
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?
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!
I just tried the screen capture tool in SL and it was not any better! Still very fuzzy.
Hi,
Is there a fix for that?
I have the same issue.
Here are two files.
Capture1.png is how my image displays in storyline (edit view or published view).
Capture2.png is exactly the same image imported in another service like Genially.
Thank you.
Hi folks! So sorry to hear you're running into issues with blurry images.
First, can you tell me what version and update of Storyline you're using? You can find this detail by going to Help >> About Storyline.
Second, can you tell me the dimensions of the original image and the dimensions of the image in Storyline? If the imported image is much larger or smaller than the original, scaling the image up or down will result in loss of quality.
I am also experiencing blurriness within the Storyline 360 Editor. I opened up a Storyline 2 file on my left monitor, and the upgraded Storyline 360 file on my right monitor. The difference between the two editors is very clear. Both of my monitors are identical, and are using the exact same resolution settings. I also moved my Storyline2 editor window over to the monitor with the blurry Storyline 360 editor, and the Storyline 2 editor remained just as sharp as it was on the left monitor, so it's not the monitor settings causing this.
I have attached 2 screenshots for comparison, and outlined in red the areas that seem to be affected.
I am using Storyline 360 v3.20.16814.0
I am using Storyline2 update 12:1705.520
Both monitors are using 1920 x 1080 resolution