Skip to main content

Command Palette

Search for a command to run...

What is JPEG XL?

Published
2 min read
What is JPEG XL?
A
Abbey Perini is many things - a metro Atlanta native, person of many hobbies, full-stack web developer, accessibility advocate, international speaker, and technical writer with ✨over 500,000 views.✨ She's full-stack in the truest sense - give her a problem and she'll figure it out. She's happiest problem solving in the front-end, back-end, and all the APIs and microservices in between. Passionate about accessibility, she's worked in Vue, React, and even AngularJS (2013). She's spent her development career rectifying tech debt in existing codebases.

The JPEG has been an integral image format since 1992, but the Joint Photographic Experts Group didn't stop there.

JPEG 2000

Finalized in 2000, JPEG 2000's goal was to provide flexibility in decoding images. It only has a modest increase in performance over JPEG. However, the flexibility requires codecs that are complex and computationally demanding. In 2004, the video encoding JPEG 2000 format was selected as the basis of Digital Cinema video compression. The image format is widely used today in diagnostic imagery like MRIs, CT scans, and X-rays. The image format never gained popularity with camera manufacturers or browser support beyond Safari, so it remains difficult to use on the web.

JPEG XL

The JPEG XL format was published in 2019, but is still being standardized/finalized. JPEG XL is the Joint Photographic Experts Group's latest and greatest attempt to replace the legacy JPEG. The L in JPEG XL stands for long-term. Since 2000 there have also been JPEG XT, JPEG XR, and JPEG XS.

Currently, JPEG XL can be enabled in Chromium, Firefox, and Opera browsers, but has no other browser support. JPEG XL is supposed to remain royalty free. You can grab the encoder and decoder off Github and chat with other JPEG XL enthusiasts on Reddit and Discord. You can install JPEG XL utilities on Mac using homebrew and on Windows. Tools like GIMP and ImageMagick are beginning to support it.

As far as file size goes, JPEG XL routinely performs right in between AVIF and WebP. Unlike JPEG 2000 and the other JPEG Xs, JPEG XL allows you to transcode existing JPEG files into the JPEG XL without any additional loss. Like most JPEG formats, where it really shines is maintaining quality and color in high quality photographs.

Unlike JPEG, JPEG XL supports transparency and animation and has lossless compression in addition to lossy. Its encoding speed is comparable to WebP, and its decoding speed beats AVIF and WebP.

Conclusion

We can think of JPEG XL as the upgrade for JPEG, currently in beta. We'll see if the Joint Photographic Experts Group's marketing can garner camera manufacturer and browser support for this format.

Images

Part 5 of 7

When I sat down to write about my Shiba Inu SVGs, out came a tutorial for SVGs in React, and an article demystifying sourcing images for your website. Additional image tutorials will be added here.

Up next

What is ICO?

I didn't even know about this image file format until I went to make my first favicon. What's the deal with ICO? ICO Introduced in Microsoft Windows 1.0, the ICO file format was intended for app icons. (MacOS uses the ICNS file format for icons. Wind...

More from this blog

A

Abbey Perini Codes

85 posts

Passionate about accessibility, Abbey's worked in Vue, React, and even AngularJS (2013). She's happiest problem solving in the front-end, back-end, and all the APIs and microservices in between.