Image format with animations (WEBP, PNG, GIF)

Can't get something here at Quicksand Fans to work? Post your issue here.
User avatar
Aiko
Posts: 932
Joined: Thu Apr 16, 2009 9:43 pm
Location: The Great Swamp
Contact:

Image format with animations (WEBP, PNG, GIF)

Postby Aiko » Sat Apr 10, 2021 2:16 pm

So I have been dabbling with the WebP image format and its support for animations lately. This format is well-supported by major browsers by now, but not so well supported by forums, dA, site generators (like the one I use at TGS) etc. So I wanted to give it a try here and prepared a small sample animation (sized 1.252 KB) for upload. However that upload failed ("says "invalid file extension").

Instead I can use the img shortcut and reference WebP files at TGS (using larger ones here though, so this might take a while to load):
Image
So this WebP animation is sized 52MB and uses lossless compression.

The content of the above WebP is exactly the same as this APNG:
Image
The APNG is quite a bit larger with 73MB. That surprised me a bit, as most comparisons I found elsewhere suggested there would be only a very minor difference in size.

But the real benefit of WebP is its lossy compression, which allows for this:
Image
I set the quality to 95% here, so the loss is barely visible (unlike my tests with 90% and lower). Even so the filesize was reduced to a mere 9.5MB.

I also wanted to show a GIF for comparison, but the conversion tool yielded such ugly results, that I decided to spare you the sight. It really is a dated format that only allows for 256 colors.

You may notice different animation speeds, because I set 30fps for these and some browsers will restrict APNG playback to 10fps. Not sure if any do that for WebP. It would be nice if QSF would support WebP at some point. Until then I will continue embedding these from my own webspace. And now that this little test is done, I shall get back to more rendering... :)
Visit me at the Great Swamp, but watch your step on the way there!

User avatar
bogbud
Posts: 724
Joined: Sat May 30, 2015 6:43 am
Location: Stuck and sinking

Re: Image format with animations (WEBP, PNG, GIF)

Postby bogbud » Sat Apr 10, 2021 4:23 pm

Very nice animation and that jungle-warrior should be more careful while walking over that floating-mat. The layer of moss seems not THAT stable :lol:

The compressed version shows a few artifacts at her thigh.
Screenshot 2021-04-10 171931.jpg
I'm already chindeep in this mudbog and every desperate attempt to move my stuck legs only drives me deeper in. The thick mud slowly swamps my waders and my arms have nothing to hold onto.
I'm feeling home.

User avatar
Aiko
Posts: 932
Joined: Thu Apr 16, 2009 9:43 pm
Location: The Great Swamp
Contact:

Re: Image format with animations (WEBP, PNG, GIF)

Postby Aiko » Sun Apr 11, 2021 9:36 am

bogbud wrote:Very nice animation and that jungle-warrior should be more careful while walking over that floating-mat. The layer of moss seems not THAT stable :lol:

No, it's really not. But Shetani is well aware of that.

bogbud wrote:The compressed version shows a few artifacts at her thigh.
Screenshot 2021-04-10 171931.jpg

You're right, but that's a trade-off I am willing to accept. At least for larger animations that would otherwise easily exceed 1GB in size.
Visit me at the Great Swamp, but watch your step on the way there!

User avatar
MadMax359
Posts: 4214
Joined: Sun Apr 19, 2009 5:07 am
Location: north carolina

Re: Image format with animations (WEBP, PNG, GIF)

Postby MadMax359 » Sun Apr 11, 2021 12:10 pm

this looks amazing!! looking forward to future adventures! :twisted:
The strong do what they want, the weak do what they must


Return to “Technical”

Who is online

Users browsing this forum: No registered users and 1 guest