3 ms·

What about animated PNG? https://apng.onevcat.com/demo/ https://apng.onevcat.com/demo/ Or animated webp? https://mathiasbynens.be/demo/animated-webp https://

What about animated PNG? https://apng.onevcat.com/demo/ https://apng.onevcat.com/demo/ Or animated webp? https://mathiasbynens.be/demo/animated-webp https://mathiasbynens.be/demo/animated-webp https://cobalt.googlesource.com/cobalt/+/refs/tags/trunk.unnest/cobalt/demos/content/transparent-animated-webp-demo/webp-animated-semitransparent4.webp https://cobalt.googlesource.com/cobalt/+/refs/tags/trunk.unn...

dawnerd 2y ago
I had to use apng a while back and it was surprisingly difficult to generate one that worked well. I forget if we kept it long term, it was janky as heck. I don’t believe webp was as widely supported at the time either which might have been easier.
lukan 2y ago
With apng the filsize will get huge very quickly. Webp is the same, only a little bit better. In both cases you need all the frames as complete pictures after all.
jaffathecake 2y ago
PNG is a lossless format, so you file sizes will be huge. Although it can build upon previous frames, it can only do so in a really simple GIF-like way (drawing over the top). For example, the bouncing ball example on Wikipedia is 62 kB https://en.wikipedia.org/wiki/APNG#/media/File:Animated_PNG_example_bouncing_beach_ball.png https://en.wikipedia.org/wiki/APNG#/media/File:Animated_PNG_..., whereas the equivalent VP9 is 7 kB https://static-misc-3.glitch.me/alpha-video/ https://static-misc-3.glitch.me/alpha-video/. Animated WebP is based on VP8. However, the alpha channel is stored losslessly, which makes compression even worse than VP8. VP8 is of course a generation behind VP9, so the results will be significantly worse than the VP9 example in the article, which is significantly worse than AV1. There are also playback issues in Safari.
vunderba 2y ago
Unfortunatekly, animated WebP still has some outstanding decoder issues on iOS devices frequently causing the video to stutter or play at a decreased framerate.

dawnerd 2y ago

I had to use apng a while back and it was surprisingly difficult to generate one that worked well. I forget if we kept it long term, it was janky as heck. I don’t believe webp was as widely supported at the time either which might have been easier.

lukan 2y ago

With apng the filsize will get huge very quickly. Webp is the same, only a little bit better. In both cases you need all the frames as complete pictures after all.

jaffathecake 2y ago

PNG is a lossless format, so you file sizes will be huge. Although it can build upon previous frames, it can only do so in a really simple GIF-like way (drawing over the top). For example, the bouncing ball example on Wikipedia is 62 kB https://en.wikipedia.org/wiki/APNG#/media/File:Animated_PNG_example_bouncing_beach_ball.png https://en.wikipedia.org/wiki/APNG#/media/File:Animated_PNG_..., whereas the equivalent VP9 is 7 kB https://static-misc-3.glitch.me/alpha-video/ https://static-misc-3.glitch.me/alpha-video/. Animated WebP is based on VP8. However, the alpha channel is stored losslessly, which makes compression even worse than VP8. VP8 is of course a generation behind VP9, so the results will be significantly worse than the VP9 example in the article, which is significantly worse than AV1. There are also playback issues in Safari.

vunderba 2y ago

Unfortunatekly, animated WebP still has some outstanding decoder issues on iOS devices frequently causing the video to stutter or play at a decreased framerate.