Jon Sneyers avatar Jon Sneyers

How JPEG XL Compares to Other Image Codecs

Screenshot of “How JPEG XL Compares to Other Image Codecs”

https://cloudinary.com/blog/how_jpeg_xl_compares_to_other_image_codecs

With many competing image formats available, it's not always easy to know which one(s) we have to use to provide both the best performance and visual quality to Web users.

With Responsive Web Design, it's even more difficult[1], with the need to provide multiple renditions of these images, at different dimensions, and sometimes even different ratios.

Jon Sneyers — creator of the FLIF format, one of JPEG XL inspirations — shows here how JPEG XL could help reduce complexity with native support for much better compression, great visual quality AND native responsiveness.

Let's hope browsers implement it fast when it reaching a stable status!

  1. Responsive Images are really a difficult topic for Web developers, as feedback on three different talks I gave in 2018 shows. ↩︎

  2. Do you know good tutorials and/or examples about dealing with responsive images that are fluid horizontaly, but with a fixed height?

    Using object-fit: cover; in the CSS is easy, but how can we prevent loading many pixels that will be hidden, without using too many <source> in a <picture>?