JXL allows for progressive rendering (e.g. it can only los an image partially)
JXL is faster
JXL has better compression on higher quality levels
AVIF is better for low fidelity images
JXL was made for images only, whereas AVIF comes from Video frames. Technically JXL is superior in most categories. I can’t tell for the license what is better.
Also: JPEG can be losslessly converted to JXL. Typically converting from one lossy format to another lossy format decreases quality. But in case of JXL, you can take old JPEGs and make them smaller without losing information.
This is one of my favourite comparison of the bunch. Tl;dr JPEG XL is actually made for pictures and not just a still frame of a video and it truly shows. Cloudinary has a lot of great content talking about its advantages for the web: https://cloudinary.com/blog/tag/jpeg-xl
That’s a really informative graph. I just converted a bunch of images from png to jpg. I’ll try to convert to this tomorrow. Im curious about the size difference.
Great to hear and good luck! Another good thing to know is, that you can always convert back and forth between JPEG and JPEG XL without any data loss, I love that functionality!
This is the first I’m hearing of jpeg-xl what are some of its advantages? I thought everything was moving to av1.
https://avif.io/blog/comparisons/avif-vs-jpegxl/
IMO the most important points:
JXL was made for images only, whereas AVIF comes from Video frames. Technically JXL is superior in most categories. I can’t tell for the license what is better.
Also: JPEG can be losslessly converted to JXL. Typically converting from one lossy format to another lossy format decreases quality. But in case of JXL, you can take old JPEGs and make them smaller without losing information.
Thanks for the info!! This is really good to know.
https://res.cloudinary.com/cloudinary-marketing/image/upload/w_700,c_fill,f_auto,q_auto,dpr_2.0/Web_Assets/blog/Battle-of-the-Codecs_fnl.png
This is one of my favourite comparison of the bunch. Tl;dr JPEG XL is actually made for pictures and not just a still frame of a video and it truly shows. Cloudinary has a lot of great content talking about its advantages for the web: https://cloudinary.com/blog/tag/jpeg-xl
That’s a really informative graph. I just converted a bunch of images from png to jpg. I’ll try to convert to this tomorrow. Im curious about the size difference.
Great to hear and good luck! Another good thing to know is, that you can always convert back and forth between JPEG and JPEG XL without any data loss, I love that functionality!