Animated PNGs
Jun 30, 2021
Hi everyone,
I have created an animated PNG (APNG) which is attached.
It works OK when I open it in a browser etc but I want to import it into Storyline.
I can do this but when I preview the movie, it is not animating and just looks like a single PNG image.
Doesn't Storyline support animated PNGs full stop at the moment or is there some way round this?
Thanks in advance.
Keith
8 Replies
Hi, Keith.
Thank you for reaching out!
While you can insert regular PNGs in Storyline, animated ones are not currently supported. You're welcome to share your suggestion through a feature request here.
Are you able to convert the APNG to an animated GIF instead?
Animated Gif is 20 years old and poor quality. Updating to APNG is urgent. First requested 6 years ago and ignored.
I completely agree. This is an important feature because it allows transparency, no pixelation, and has better compression.
Just tried to do the same and got the same result.
I tried GIFs a few weeks back but was really unhappy with the look, no matter what way I exported the GIF.
DITTO to the above, please add APNG compatibility, they look so much better.
Hi Christopher & Daire! Thank you for sharing your comments regarding the need for this feature.
I have added your comments to the feature request, and you are linked in the discussion for updates should this make it onto our features roadmap. We will be sure to keep you in the loop!
There is a live example in a storyline project with APNGs working:
by: Jürgen Schoenemeyer
STORYLINE PROJECT
https://360.articulate.com/review/content/594a6480-d2e5-4293-ae8b-ea8e9395d8d0/review
pots: https://community.articulate.com/discussions/articulate-storyline/transparent-gif-color
@Keith, can you try to use an online exporter that can create an APNG extension? Not a PNG extension?
I’m guessing this may be the issue
Yes, storyline 360 can display animated APNG.
The process is the following.
1) I started from a 3d software
2) Export PNG sequence (image1.png, image2.png, image3.png, image4.png.......)
3) Upload all the images on an online service like:
https://ezgif.com/apng-maker
4) Configure as you desire in timing, looping, etc.
5) BUG: If the PNG is not a looping one and is just 1 sequence and stops at the end.
Hiding and showing the object won´t reset its initial state it will stop at the end and keeps that state forever. You need to give a "normal" and "disabled" state (the "disabled" state must be blank without the png). And a trigger somewhere to change from "normal" to "disabled".
Here is my example of a transparent APNG over a basic circle (storyline object):
https://360.articulate.com/review/content/736c35e5-6fa4-4bf9-98de-670cfc00c4dc/review