Start Integrating

JPEG XL can be added to any website, as shown below. Browsers that don't support it yet will use the older JPEG image. No broken pages — just better compression.

picture-element.html
<picture>
<source srcset="hero.jxl" type="image/jxl">
<img src="hero.jpg" loading="lazy">
</picture>

Smart Selection

Browsers evaluate tags top-to-bottom, picking the first supported format. JPEG XL will be prioritized in Safari & modern browsers.

Guaranteed Compatibility

If image/jxl isn't recognized, the browser will fallback to using the <img> tag.

Efficiency

Only the first supported asset is downloaded. Users get cutting-edge compression without any wasted bandwidth.

Get the Tools

Convert any image to JPEG XL using the official libjxl reference implementation.

Windows & Linux

Download the latest pre-compiled executables directly from the libjxl releases page on GitHub.

Download Latest
macOS

Install via Homebrew with a single command to get everything set up.

brew install libjxl
Example: Convert input.jpg into output.jxl
cjxl input.jpg output.jxl -q 90
Copied to clipboard!