Replace all static image file formats with avif ones

[MTRNord]

More file size optimizations:

It seems to have good coverage according to https://caniuse.com/avif I think.

[cloudflare-workers-and-pages]

Deploying matrix-website with    Cloudflare Pages

Latest commit:	9f40021
Status:	🚫  Build failed.

View logs

[MTRNord]

At least on my firefox fedora there seems to be also a significant/noticeable improvement in loadingtimes of the images. However in lighthouse/google pagespeed there seems to be no measurable difference in speed.

[MTRNord]

I asked for some feedback and will update this comment as it comes in:

works alright on my desktop (macOS, Firefox | Chrome)

https://matrix.to/#/!kOXQjUbOfdYNCtRmZv:matrix.org/$gd-SYQCh5r8WXG23XYEVmbpxo1udqzYOFx8h_QyIlxg?via=matrix.org&via=element.io&via=mozilla.org

Fine in Vivaldi 6.9 and Firefox 132.0 on Android 12.0.14.

https://matrix.to/#/!kOXQjUbOfdYNCtRmZv:matrix.org/$ztl6YsIVSHhj-DkV0DJi1OFjFcNbYpkcvirKOO7GdyY?via=matrix.org&via=element.io&via=mozilla.org

[HarHarLinks]

Works on my phone

[MTRNord]

Turns out this is blocked by support on the opengraph consumers. See https://joost.blog/use-avif-webp-share-images/

My suggestion is to use https://www.getzola.org/documentation/content/image-processing/ to reencode PNGs at build time for opengraph to work. That should be best of both worlds and allows us a smaller repo size. Especially in combination with #2547

[MTRNord]

So we have an oopengraph fix now but thats blocked by getzola/zola#1347 :(