10 月 6 日，Chrome 宣布從 155 版本起預設支援 JPEG XL（JXL）格式。Firefox 隨後也在 158 版本開啟預設支援。這意味著主流瀏覽器引擎對 JXL 的支援終於從「實驗」走向實用。
JXL 是什麼？
JPEG XL 是由聯合圖像專家小組（JPEG）、Google 和 Cloudinary 共同開發的新一代點陣圖圖像格式，於 2021–2022 年正式成為國際標準（ISO/IEC 18181）。它的目標是同時取代 JPEG、PNG、GIF，並在現代 Web 場景中與 AVIF、WebP 競爭。
JPEG 與 JPEG XL 的核心區別
| 比較項目 | JPEG | JPEG XL |
|---|---|---|
| 發布時間 | 1992 年 | 2021–2022 年 |
| 壓縮方式 | 僅有損 | 有損 + 無損 |
| 相對 JPEG 體積 | 基準 | 通常小 30–50%（視內容與品質而定） |
| 透明通道（Alpha） | 不支援 | 支援 |
| 動畫 | 不支援 | 支援 |
| HDR / 廣色域 | 不支援 | 原生支援 |
| 漸進式解碼 | 支援較弱 | 更優秀、更精細 |
| 對現有 JPEG 的處理 | — | 可無損再壓縮（約小 16–22%，且能完美還原） |
| 位元深度 | 通常 8-bit | 最高 32-bit 浮點 |
| 最大尺寸 | 有限 | 單邊可達約 10 億像素 |
需要注意的是：在目前 Web 有損照片場景中，AVIF 通常比 JPEG XL 更小（根據 2026 年 10 月的系統比較，JXL 在預設設定下往往比同等品質的 AVIF 大約 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);
});
實際生產中更推薦使用 <picture> 進行漸進式增強，而不是完全依賴 JS 檢測。
瀏覽器支援情況（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？
| 場景 | 建議優先級 | 原因 |
|---|---|---|
| 現有 JPEG 無損遷移 | JPEG XL | 唯一能無損再壓縮並完美還原的格式 |
| 無損壓縮 / 高保真存檔 | JPEG XL | 無損效率通常優於 WebP 和 AVIF |
| 需要優秀漸進式載入 | JPEG XL | 漸進式表現明顯優於 AVIF |
| 一般網頁有損照片 | AVIF 優先，JXL 可試 | AVIF 通常更小，兩者都值得比較 |
| 截圖、UI、透明圖 | AVIF 優先 | 差距通常較大 |
Chrome 官方也建議「AVIF 和 JPEG XL 都試一試」，根據具體圖像選擇最佳結果。
總結
JPEG XL 是目前技術上非常優秀的下一代圖像格式之一。它在功能完整性（無損、動畫、透明、HDR、高位元深度、漸進式）方面表現突出，尤其在現有 JPEG 無損遷移和無損壓縮場景具有獨特優勢。
隨著 2026 年 10 月 Chrome 155 和 Firefox 158 正式預設支援，它已具備更廣泛的實用基礎。對於新專案，可將其作為優先候選格式之一，並搭配 AVIF/WebP 做好回退；對於已有大量 JPEG 的場景，則可利用其無損再壓縮能力實現平滑遷移。