Remix.run Logo
▲ PaulHoule 5 hours ago

That F1 image is, in my mind, proof of exactly what is wrong with AVIF. If you look closely the beautiful highlights on the car have been erased and replaced with something plausible. Once you see it you can't unsee it and it boggles my mind that people are still using it as an example.

Granted, AVIF performs impressively for, say, a huge hero image for a blog where you're out to create an overall impression and people aren't going to look at it closely. It does not impress me when I am compressing photos I took with my mirrorless and I expect them to look like photos taken with a mirrorless and not cell phone snaps.

▲boogerlad 5 hours ago | parent | next [-]

Would you be able to circle these highlights? I viewed - https://jakearchibald.com/c/original-CXtAofvc.jpg - https://jakearchibald.com/c/avif-q39-e0-d8-yuv444-ssimu70.4-... at 100% magnification at peeped around for a few minutes but didn't notice anything. Maybe my eyes / monitor is bad...

▲PaulHoule 5 hours ago | parent [-]

Oh crap, it's this image

https://jakearchibald.com/2020/avif-has-landed/demos/compare...

I was talking about. He linked another one! Guess people finally realized that one sucks and now they have a new one. I screwed up.

▲jaffathecake 5 hours ago | parent [-]

They didn't even have the halo back then!

▲dfabulich 5 hours ago | parent | prev | next [-]

I'm looking as closely as I'm able, and I don't see what you mean. (I'm not a car guy, or a photo guy.) What do you mean by highlights? What am I looking for? Reflections?

▲buzer 5 hours ago | parent | next [-]

Look between the Eni and ApeCoin logos. In lossless you can see there are lines from what I assume separate pieces assembled together. Next to ApeCoin there's also a round piece in the lossless version which is missing from the AVIF. JPEG XL loses most of these as well though.

That's what I noticed anyway, not a car or photo guy either.

▲jaffathecake 4 hours ago | parent [-]

The original is a single photo.

▲buzer 3 hours ago | parent [-]

If you are referring to "lines from what I assume separate pieces assembled together." I didn't mean that the photo was assembled from multiple pieces, I meant that part of car was (panels or similar). Those lines between panels were no longer visible.

▲jaffathecake 3 hours ago | parent [-]

Oh, yeah, haha!

▲jaffathecake 5 hours ago | parent | prev [-]

I agree fwiw. The only one that looks bad to me is jixel at lower qualities.

▲jaffathecake 5 hours ago | parent | prev | next [-]

OH WAIT. I KNOW WHAT'S HAPPENING HERE.

You're looking at it in a browser that doesn't support JPEG XL, so it's falling back to a WASM renderer, and I think it handles resizing differently.

This is totally my bad. I thought I was doing a good thing by adding that fallback renderer, but it isn't identical and it's giving people the wrong impression.

The lossless version is JPEG XL, hence the difference to AVIF.

▲mkesper an hour ago | parent | next [-]

I also feel like sometimes the lossless image 'sticks' even after having released the button. Don't know how to reliably test that, though.

▲CodesInChaos an hour ago | parent | prev | next [-]

In Firefox 157.0.1, the right border of the image moves by a pixel or two when I press "hold for lossless" while viewing the AVIF. I think it's the lossy AVIF that's a bit too small.

▲jaffathecake an hour ago | parent [-]

That's what I'm talking about. JXL support landed in 158.

▲CodesInChaos an hour ago | parent [-]

But why does missing JXL support make the AVIF too small? It ends one pixel before the gray background.

▲eviks 4 hours ago | parent | prev [-]

by the way, why not convert everything to png for comparisons to avoid browser support issues?

▲jaffathecake 3 hours ago | parent [-]

All browsers support AVIF and JPEG XL now. I was hoping to keep their download size benefits.

▲D2OQZG8l5BI1S06 3 hours ago | parent [-]

Firefox added support only 3 days ago! And this doesn't cover the ESR version.

▲jaffathecake an hour ago | parent [-]

Sure but this is a technical post aimed at a technical audience.

▲ 4 hours ago | parent | prev [-]
[deleted]