2025年に変わったこと:JPEG XLタイムライン
JPEG XL(JXL)は、最近数年間で採用において重要な進展と後退を経験してきました。2025年の現状は次のとおりです:
Safari:2024年から完全サポート
Appleは2023年9月にSafari 17(macOS SonomaとiOS 17)にJPEG XLのネイティブサポートを追加し、2024年に定着しました。これは、すべての最新のAppleデバイスが変換やポリフィルなしでJXL画像を表示できることを意味します。
Windows 11/Photos:ネイティブ互換性
MicrosoftはWindows 11(22H2以降)とネイティブPhotosアプリにJPEG XLサポートを統合しました。ユーザーは追加のソフトウェアなしでファイルエクスプローラーから直接.jxlファイルを開いたり、表示したり、管理したりできます。
Chrome:デフォルトサポートなし
GoogleはChrome 110(2023年2月)で「関心不足」と「既存形式と比較して不明確なメリット」を理由に実験的なJPEG XLサポートを削除しました。2025年現在、ChromeはまだJXLをネイティブにサポートしておらず、世界のブラウザ市場の65%以上を占めています。
現在のサポート状況:
- ✅ Safari(macOS、iOS):完全サポート
- ✅ Edge(Windows 11):システム経由の完全サポート
- ❌ Chrome:サポートなし(65%+のマーケットシェア)
- ❌ Firefox:デフォルトサポートなし
- ⚠️ Opera/Brave:Chromiumに依存、サポートなし
今日のJXL vs AVIF/WebP:技術比較
圧縮と品質
- JPEG XL:同等の品質でJPEGより10-40%小さく、優れたプログレッシブエンコーディング
- AVIF:JXLと同等またはわずかに優れた圧縮、特に複雑な写真画像で
- WebP:JPEGより25-35%小さいが、高複雑度画像ではAVIFとJXLより劣る
JPEG XLへの移行がいつ意味を持つか?
公開Web向け:まだ早い
ChromeとFirefoxがJXLをサポートしていないため、この形式を提供するとユーザーの75%以上に不利益を与えます。現在の推奨事項:
- ✅ AVIFを主要形式として使用(最新ブラウザでの汎用サポート)
- ✅ やや古いブラウザ向けのフォールバックとしてWebP
- ✅ 最終フォールバックとしてJPEG/PNG
- ✅
<picture>を使用した遅延読み込みとレスポンシブ画像の実装 - 📊 Core Web Vitalsへの影響を測定(LCP、CLS、INP)
OrquiToolを使用した実用的なワークフロー:今日のための準備
JPEG XLがエコシステムで成熟する間、OrquiToolを使用すると、今機能する形式で画像を最適化できます:
ステップ1:AVIF/WebPに変換
- JPG/PNGをOrquiTool Converterにアップロード
- 最適なバランスのために75-85%の品質を選択
- 画像のAVIFおよびWebPバージョンをダウンロード
ステップ2:<picture>で機能検出を実装
<picture>
<source srcset="image.avif" type="image/avif">
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="説明"
loading="lazy"
width="800"
height="600">
</picture> 今日の画像最適化のチェックリスト
即時対応
- ✅ JPG/PNGを80-85%品質のAVIFに変換
- ✅ フォールバックとしてWebPバージョンも生成
- ✅ AVIF → WebP → JPGで
<picture>を実装 - ✅ スクロール下の画像に
loading="lazy"を追加 - ✅ CLSを避けるために
widthとheightを定義
結論:JPEG XLはウォッチリスト、AVIF/WebPは本番環境
JPEG XLは実際の技術的利点を持つ有望な形式ですが、2025年の断片化された採用により、本番Webには不適切です。
2025年の推奨事項:
- 🚀 WebP/JPEGフォールバックでAVIFを主要形式として使用
- 📊 Google PageSpeed InsightsでCore Web Vitalsへの影響を測定
- 🔍 2026年以降のためにJPEG XLをウォッチリストに保持
- ⚙️ アップロードなしのローカル変換にOrquiToolを使用