Animated PNGs

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

I have been creating animated pngs for many years for 360 tours etc. When I put an animated png into storyline, it works perfectly when I preview it but when I export to web the APNG does not work....it freezes in the first frame as if it is static.

I figured out the first frame of the apng cannot be empty or transparent...