Note: If your browser supports JPEG XL, you will see the image with the text saying it supports JPEG XL. Else, you will see a fallback JPEG image.
What is JPEG XL?
JPEG XL is a next-generation image codec being in the process of standardized by the JPEG Committee. It separates itself from other newer formats like WebP, AVIF, and HEIC as it is not based on any video codec like they are. This gives it an advantage as it has been specifically made to display images and offers much better quality and smaller file sizes than any other codec.
You can read more about JPEG XL at
- How JPEG XL Compares to Other Image Codecs
- Time for Next-Gen Codecs to Dethrone JPEG
- JPEG XL Caniuse
- JPEG XL Reddit
- JPEG XL Specification
- JPEG XL Gitlab Repository
Which browsers support JPEG XL?
As of 2 June 2021, Chrome Stable 91+, Firefox Beta 90+, and Edge Stable 91+ support JPEG XL.
To enable JPEG XL format in Chrome stable, open Chrome flags ( chrome://flags ) settings page and enable the option Enable JXL image format ( chrome://flags/#enable-jxl ).
Firefox Beta (90+) supports JPEG XL. To achieve that, you need to set the value of
true on the
Firefox Nightly (91+) offers a much easier way to enable support for the JXL image format. Open your Firefox settings page and visit the Nightly Experiments page and enable support for the JXL format from there.
Microsoft Edge Stable (91+) supports JPEG XL as well. To enable the feature, you need to launch the browser executable with the parameter.
How to convert your photos to JPEG XL format?
The easiest way to convert your photos to JPEG XL format is to use online converter apps.
- Squoosh App. It can be installed as a native PWA app on phones and web browsers. It can only convert one file and offer various quality settings along with a live preview.
- jpegxl-converter – can convert one file at a time and offers lossless encoding along with quality settings. Lossless compression might not work with large files, though.
- MConverter – It works very similarly to Squoosh and can be installed as a native app as well. It supports file sizes up to 500 MB.
How to embed JPEG XL pics on your webpage
It would be best to use the HTML <picture> tag to embed JPEG XL pics on your site. Here is a sample code you can work with.
<picture> <source srcset="https://example.com/images/picture.jxl" type="image/jxl"> <img src="https://example.com/images/jpeg_fallback_picture.jpg" alt="JPEG Fallback picture for JPEG XL format"> </picture>
Note: This page will be continuously updated as and when more tools and browser support are available.
Last Updated: 2 June, 2021