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를 무손실 재압축하는 원리
기존의 트랜스코딩 방식은 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을 우선 사용해야 하는 경우
| 시나리오 | 권장 우선순위 | 이유 |
|---|---|---|
| 기존 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이 공식적으로 기본 지원을 시작하면서 더 폭넓은 실용 기반을 갖추게 되었습니다. 신규 프로젝트에서는 JPEG XL을 우선 검토할 형식 중 하나로 선택하고 AVIF/WebP와 함께 폴백을 구성하는 것이 좋습니다. 이미 많은 JPEG 파일을 보유한 경우에는 무손실 재압축 기능을 활용하여 원활하게 마이그레이션할 수 있습니다.