Conversation

Investigating how JPEG-XL would affect my site if I adopted it. So far AVIF is still winning in filesize/quality tradeoffs: https://pneuma.shark-harmonic.ts.net/.within/x/imgcomp-stress/foxgirl-surfing/

2
1
0

Also keep in mind that the non-png files are NOT intended to be decent to look at outside of my website. I make images bigger than they need to be so that compression artifacts aren't visually noticeable.

2
1
0

@cadey Try it with an image that contains a lot of red. JPG has always been terrible at compressing reds.

2
0
0

@TrismegistusMx okay, I'll try it on an image with a bunch of red in it!

0
1
0

@cadey with 70% quality effort 8 i get a JXL file that looks closer to the original png than the AVIF while being slightly larger (it preserves the noise in the sky which was simply blurred over in AVIF)


AI generated image of fox girlsā€¦
2
0
1

@cadey fwiw i donā€™t see much of a difference in quality between either of the images at 100% scale

0
0
0

@charlotte yeah also keep in mind that when I display these images on my website I'm not trying to get something that's super high quality when you view it alone. I'm trying to save CDN bandwidth (doing this shit saves me tens of gigabytes of egress per month), but I do actually make the images a little pixel-bigger than they need to be so that when they get shown in desktop/phone viewports there's no immediately obvious compression artifacts.

1
1
1

@cadey okay yeah, encoding to 65% quality JXL does add compression artifacts visible at 2x

interesting finding though: if you recompress the avif as JXL the size will be better at 70% quality (with no meaningful difference in quality at 2x)


the same image as above but recā€¦
1
0
0

@cadey sounds like an issue with the encoder tbh because it seems to place too much emphasis on details

0
0
0

@cadey I can't open the JPEG XL version, but there's a noticeable difference in the sky between the other three if you open them in separate tabs and flip between them.

1
0
0
Missing media descriptions
Show content

@TrismegistusMx yeah but the way it's supposed to be viewed is on my blog at smaller than native resolution. I'm trying to save disk space and CDN bandwidth first and foremost! This is what the images look like for most readers of my blog:

0
1
0

Also if you clicked on the link then you experienced the sheer power of @tailscale funnel! That folder is served off of my homelab behind a NAT! If you want this power, update to Tailscale v1.34.0 and DM me for an invite and a link to the docs!

2
1
0

@cadey @tailscale i just set up multiple layers of reverse proxies

0
0
1

@cadey @tailscale I just got ā€‹an ERR_NAME_NOT_RESOLVED šŸ˜”

1
0
0

@kevin @tailscale try updating tailscale if you have it installed? Not sure why that would NXDOMAIN.

1
1
0

@cadey @tailscale I'm on the latest version... I think

1
0
0