JPEG XL ブラウザのデフォルトサポート：次世代画像フォーマットが転換点を迎える

10月6日、Chrome は 155 以降のバージョンで JPEG XL（JXL）フォーマットをデフォルトサポートすると発表しました。続いて Firefox も 158 でデフォルトサポートを開始しました。これにより、主要ブラウザエンジンにおける JXL のサポートは、ついに「実験」から実用段階へと移行します。

JXL とは？

JPEG XL は、Joint Photographic Experts Group（JPEG）、Google、Cloudinary が共同開発した次世代のビットマップ画像フォーマットです。2021～2022年に国際規格（ISO/IEC 18181）として正式に採用されました。JPEG、PNG、GIF を同時に置き換え、現代の Web 環境で AVIF や WebP と競合することを目指しています。

JPEG と JPEG XL の主な違い

注意すべき点：現在の Web における非可逆写真では、通常 AVIF のほうが JPEG XL より小さくなります（2026年10月のシステム比較によると、デフォルト設定では、同等品質の AVIF と比べて JXL のほうが約 15～25% 大きくなることが多い）。JPEG XL の主な強みは、ロスレス圧縮、既存 JPEG のロスレス再圧縮、優れたプログレッシブ読み込み、そして高忠実度/HDR の用途にあります。

既存 JPEG をロスレス再圧縮する仕組み

従来のトランスコード（WebP や AVIF への変換）では、まず JPEG をピクセルにデコードし、その後、新しいフォーマットで再エンコードする必要があります。この処理は遅いだけでなく、再量子化によって元の情報が失われるため、元に戻すことができません。

JPEG XL のロスレストランスコードパスは、これとはまったく異なります。ピクセルへのデコードを省略し、JPEG ファイル内部ですでに量子化されている圧縮データを直接処理します。具体的には、JPEG に含まれる離散コサイン変換（DCT）係数を取り出し、それを JPEG XL のコンテナに再パッケージ化します。元の DCT 係数がそのまま保持されるため、これは本質的にフォーマットの再配置であり、再圧縮ではありません。

生成された JXL ファイルには JBRD（JPEG Bitstream Reconstruction Data）と呼ばれるボックスが含まれます。これが、ビットストリーム内に保存された量子化テーブルや DCT 係数とともに、元の JPEG ファイルの再構築に必要なすべての情報を構成します。そのため、バイト単位で完全に復元できます。

ブラウザが JXL をサポートしているか確認する方法

以下のスクリプトをブラウザのコンソールで実行すると確認できます。

async function supportsJpegXl(testUrl = 'https://jpegxl.info/ComparisonImages/AVIF_CompareSizeSameQuality/close-up-beautiful-chicken-country-lifestyle.png.d0.6.7.jxl') {
  return new Promise((resolve) => {
    const img = new Image();
    img.onload = () => resolve(true);
    img.onerror = () => resolve(false);
    img.src = testUrl;
  });
}

supportsJpegXl().then(supported => {
  console.log('ブラウザ支持 JPEG XL？', supported);
});

実際の本番環境では、JS による検出に完全に依存するのではなく、<picture> を使った段階的な機能強化が推奨されます。

ブラウザのサポート状況（2026年10月）

• Chrome / Chromium 系：155 以降でデフォルトサポート（2026-10-06 リリース）。メモリ安全性に優れた Rust 製デコーダー jxl-rs を使用。
• Firefox：158 以降でデフォルトサポート（2026-10-13 頃リリース）。同じく jxl-rs をベースにしています。
• Safari：17 以降で静止画をサポート（一部対応で、アニメーションとプログレッシブ機能は限定的）。
• Edge などの Chromium ベースのブラウザも、その後に対応する見込みです。

使用方法とトランスコード

現在は、zippic などのツールを使って JXL フォーマットを出力できます。大量の既存 JPEG を扱う場合は、ロスレス再圧縮を優先してください（元の品質を維持し、いつでも復元できます）。

推奨される方法は、<picture> と組み合わせて複数フォーマットへのフォールバックを用意することです。

<picture>
  <source srcset="image.jxl" type="image/jxl">
  <source srcset="image.avif" type="image/avif">
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="説明">
</picture>

一般的なエンコードツールには、cjxl（libjxl）、jixel、libvips、Sharp などがあります。

JPEG XL を優先すべきタイミング

Chrome 公式も「AVIF と JPEG XL の両方を試し、画像ごとに最適な結果を選ぶ」ことを推奨しています。

まとめ

JPEG XL は、現時点で技術的に非常に優れた次世代画像フォーマットの一つです。機能の完全性（ロスレス、アニメーション、透明、HDR、高ビット深度、プログレッシブ）に優れており、特に既存 JPEG のロスレス移行とロスレス圧縮の分野で独自の強みを持っています。

2026年10月に Chrome 155 と Firefox 158 が正式にデフォルトサポートしたことで、より幅広く実用化できる基盤が整いました。新規プロジェクトでは、AVIF/WebP と組み合わせてフォールバックを用意しながら、優先候補の一つとして検討できます。大量の既存 JPEG を扱う場合は、ロスレス再圧縮機能を活用することで、スムーズな移行を実現できます。