I am having an issue with images that I have inserted (PNG and JPEG) in to my presentation. They are super crisp until I publish them. I have locked the player at optimal size. My story size is 720x540 iwth lock aspect ratio. Any assistance would be appreciated. Thank you.
Just wanted to also add that you'll want to make sure you are testing your published content wherever your users will eventually view the content - either in a web server or LMS. If you publish for Web, a quick and easy way to test the content is through Tempshare in one of our supported browsers.
I agree with Leslie's assessment. It appears that the published image has been scaled up to a larger size. Any time you scale an image up in size, you are going to loose resolution. Even if you have your publish settings set to best quality, you are going to loose resolution when the image scales up in size. The only way to prevent that is to either prevent the image from scaling up, or provide an image with a high enough resolution that it can handle upscaling without the lost of resolution. If you have a version of the image with a higher resolution, I'd give that a try.
Did you find a solution for this? We are having the same problem and it is causing particular issues for us with quiz questions where the learner needs to analyze an image. The image is perfect until published (even with all the settings applied as above) and then once it is published the image quality is completely lost...
Is the image one you're also zooming in on? Have you scaled it to be larger or smaller to fit on your slide? Scaling is known to cause some blurriness, so I'd take a look at the best practices for working on images here.
The link you provided is for Storyline 360, but this thread is about Storyline 2. Would those work for Storyline 2 or just Storyline 360 as stated in the link?
15 Replies
Weird. Are you viewing the Flash or HTML5 version of the output ?
Could you post a "before/after" screenshot ?
Hey Lynne!
Just wanted to also add that you'll want to make sure you are testing your published content wherever your users will eventually view the content - either in a web server or LMS. If you publish for Web, a quick and easy way to test the content is through Tempshare in one of our supported browsers.
Hi all,
It it is the same running through tempshare and viewing html5 or not. I have attached the preview and the published graphic example. Thank you!
Hello Lynne - Based on the images you're sharing here, it looks like the content may be scaling, which could explain the change in clarity.
Articulate Storyline lets you control several aspects of the browser and player for your published course, including:
See this tutorial for details.
So I have tried every option, and they all have the same outcome. Is there a best option to eliminate this?
Check your Publish Properties.
Quality > Custom optimization > Image Quality slider
There's compression applied even at highest setting so you'd better check slider is on the right!
Hi Lynne,
I agree with Leslie's assessment. It appears that the published image has been scaled up to a larger size. Any time you scale an image up in size, you are going to loose resolution. Even if you have your publish settings set to best quality, you are going to loose resolution when the image scales up in size. The only way to prevent that is to either prevent the image from scaling up, or provide an image with a high enough resolution that it can handle upscaling without the lost of resolution. If you have a version of the image with a higher resolution, I'd give that a try.
Dave & Leslie, you're right, I did not notice upscaling at first glance.
You may not have "Lock player at optimal size: " option selected.
I am having the same problem...
The Picture quality is set at 100% and the Player Size is " At optimal size".
in the preview you see the picture allows to display correctly. you can also see the arrow is loosing quality.
What is happening during publishing that the entire project is loosing so much quality?
Thanks for some help!
Hi Jonas!
Sorry that you've run into difficulty with this as well. I'd be glad to help you out.
Do you have a .story project file that we could take a look at?
Wow! Impressive blurring!
Are you using Zoom Region on this slide or something?
Hi Lynne,
Did you find a solution for this? We are having the same problem and it is causing particular issues for us with quiz questions where the learner needs to analyze an image. The image is perfect until published (even with all the settings applied as above) and then once it is published the image quality is completely lost...
Any advice on this would be greatly appreciated.
Dee
Hi Deirdre,
Is the image one you're also zooming in on? Have you scaled it to be larger or smaller to fit on your slide? Scaling is known to cause some blurriness, so I'd take a look at the best practices for working on images here.
The link you provided is for Storyline 360, but this thread is about Storyline 2. Would those work for Storyline 2 or just Storyline 360 as stated in the link?
Hey Michele,
Thanks for reaching out.
The content is almost identical.
Let us know if that helps you out or if you have a .story file you'd like us to take a look at.
This discussion is closed. You can start a new discussion or contact Articulate Support.