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!
- GillianDelvigneCommunity Member
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.
- GillianDelvigneCommunity Member
I am using Storyline 360 v3.20.16814.0
My image is a png with these dimensions 537 x 176 px.
In storyline the image is 225 x 73 px.
EDIT : I get better results when I try tonot scale my image indeed. But it's sometimes hard to know first the correct size of an element in the scene. Everytime I change my mind in creation I have to change the initial image.
Hi Gillian,
Thanks for sharing your experience with us. I'm glad to hear you do get better results when you don't scale your image up or down in Storyline.
If you have a specific image file that's giving you trouble, we're happy to take a look! You can send it over by clicking here.
- KatelinJordan-2Community Member
I have had the best luck due to these issues with using the built-in screen capture tool. MUCH LESS than ideal given that I usually use Snagit and can annotate...but the quality is better... Articulate just needs to fix it.
- GillianDelvigneCommunity Member
Thanks Alyssa for your reply.
Even if I get better results, all the time I spent on it didn't give me satisfaction : images are not as sharp and crisp than texts. It's not an image in particular : it's all elements.
@Katelin and Patrick,
I don't think that they could do something for this old problem. Every imported element is blurry, even when we follow all recommandations (dpi, size, manipulations). The strategy is to say that we are always responsible for the poor results we obtain. The fact is that the software is. Today, it's still not possible to create a simple arrow from the native tool in the ribbon without exposing yourself to blur... Solution : create an arrow with adobe illustrator and import it. Problem : all imported images are blurred. Conclusion : in one way or another, it's not possible to see a crisp arrow in a storyline project...
- IrinaPoloubessoCommunity Member
Gillian,
>>Today, it's still not possible to create a simple arrow from the native tool in the ribbon without exposing yourself to blur...
-- I have experienced this issue too and after trials from the support side of the Articulate it was submitted as a bug, hopefully will be resolved.I do think that the problem should be solved of the software side, no matter how old it is.
Solutions like creating arrows in other programs are time and effort consuming.
I think what you say is a good start for the software developers to take care of it.
Articulate product has a remarkble usability and interaction mechanics, however the end result with bad Images in Storyline and Rise compromises all the hard work we are doing and all the brilliant possibilities of the Articulate product.
- GillianDelvigneCommunity Member
I totally agree with you. :)
Hi all,
We agree - there is still work to be done on the image quality, and our team has two specific issues we're continuing to investigate:
- HTML5 output that shows blurry text, images and player elements compared to Flash output while viewing in Chrome.
- Dashed lines or lines with custom end types are blurry.
With both of those, it's still important to look at where images and other shapes were imported from and how the player is set to scale or not. All that will have an impact on overall quality and crispness in addition to the browser, browser sizing, and screen resolution.
We'll let you know here as soon as we have updates on either of these and if you have any other issues with blurriness or image quality we'd like to take a look at those examples. Providing more examples allows our team to have additional testing scenarios and confirms that we'll fix an issue for the most authors possible. If you have any to share, please feel free to send directly to our Support Team. Thanks!
- GillianDelvigneCommunity Member
Thank you Ashley.
- TomHannon-199a3Community Member
Hello everyone.
This is a continuation for 360. I've attached screen captures hoping someone may be able to point me in the right direction. It doesn't seem to matter what I do, (96dpi) but something causes a great screen capture to look blurry in the player. I have worse examples.
Is there anything new on this front from Engineering?Of course the locals say "It looks greate in .PPT why so horrible in 360?" I'd like to provide an intelligent answer.
Thank you.