I have to use gif animations in my Storyline products. Despite setting all media output options to 100% quality, Storyline still reduces/optimises the original images. This, for example, may result in some colours flickering, slower animations, overall reduction in quality.
Has anyone had the same issue and managed to resolve it?
Thanks for sharing the two images here. You mentioned you're changing the optimization and publish quality settings, and I'm also curious to know if you're publishing for web, LMS, etc.? Also where are you testing the final content? You'll want to ensure you're viewing in the intended browser as described here.
I don't know a lot about gif creation, but we're happy to take a look at the file and see how it's behaving. Can you share a copy of the .story file here with us? Even just that one slide with the gif, or even just the gif file.
OK. The only working solution seems to be renaming the original files into the ones that are in the "mobile" folder after publishing the content (HTML5). This replaces the altered files with the original ones and resolves the issue. It is much more work, but it is the only solution at the moment. The interaction still plays after that.
Also, the issue is not evident while previewing the story. This means that the images are modified during publishing and there is no way of preventing this.
Hopefully, next update will allow us to use the original files without modifying them.
Thanks for sharing the update here - and I see that we have shared with our team some specific issues with pixilization of gifs in the HTML5 output. I'll include this thread in the report that we filed so that I can share any additional information here once available.
7 Replies
Hi Tim,
Thanks for sharing the two images here. You mentioned you're changing the optimization and publish quality settings, and I'm also curious to know if you're publishing for web, LMS, etc.? Also where are you testing the final content? You'll want to ensure you're viewing in the intended browser as described here.
I don't know a lot about gif creation, but we're happy to take a look at the file and see how it's behaving. Can you share a copy of the .story file here with us? Even just that one slide with the gif, or even just the gif file.
This post was removed by the author
OK. The only working solution seems to be renaming the original files into the ones that are in the "mobile" folder after publishing the content (HTML5). This replaces the altered files with the original ones and resolves the issue. It is much more work, but it is the only solution at the moment. The interaction still plays after that.
Also, the issue is not evident while previewing the story. This means that the images are modified during publishing and there is no way of preventing this.
Hopefully, next update will allow us to use the original files without modifying them.
Thanks
Hi Tim,
Thanks for sharing the update here - and I see that we have shared with our team some specific issues with pixilization of gifs in the HTML5 output. I'll include this thread in the report that we filed so that I can share any additional information here once available.
Ashley,
Five years have passed and I'm wondering if Tim's solution above is still the only way to resolve poor animated gif quality in A360?
Thanks.
Hi Jeffrey!
I see that you've submitted a support case! Great call!
It looks like my teammate, Lianne is troubleshooting this snag with you. I'll keep an eye out to see what the fix is!
Hi Lauren,
I did come up with a workaround.
See my post regarding animated gif image quality here:
https://community.articulate.com/discussions/articulate-storyline/poor-image-animated-gif-compression#reply-692370
Jeffrey
Per another post, I added a .1 second empty frame ("frame delay") at the front of the animated gif in Photoshop, and now it works in Storyline.