Files
2nd/10_Wiki/Topic_Programming/DevOps_and_Security/JPEG XL.md
T
Antigravity Agent 9148c358d0 docs(10_Wiki): 위키 전체 재구성 — Topic_* 폴더를 4개 카테고리로 통합 + 대규모 중복 제거
Topic_Agent/Topic_Blog/Topics/Topics_Biz/Topics_Meeting/Topics_Rag의 마크다운 지식 문서를
Topic_General/Topic_Programming/Topic_Graphic/Topic_Business 4개 카테고리로 재분류.

- 중복 제거: frontmatter의 status:duplicate/merged + duplicate_of/redirect_to 필드로
  자기 자신을 중복으로 선언한 리다이렉트 stub 1032개 제거, 완전 동일 내용 파일 472개 제거,
  동일 파일명·다른 내용 충돌 시 더 큰(완전한) 버전만 유지(162개 제거) — 총 1639개 중복 제거.
- 분류: 폴더 단위로 명확한 항목(AI_and_ML/Coding/Architecture 등 → Programming,
  Comfyui/Visual_Effects → Graphic, Topics_Biz/Topics_Meeting/사업 등 → Business,
  Poetic_Blog_Writing/창의성/Game_Design 등 → General)은 폴더 우선순위로,
  나머지 혼재 폴더(Topic_Agent/Topic_Blog/Topics 루트/Thinking & Reasoning/Other/UI_UX_Assets)는
  title/tags 키워드 스코어링으로 파일 단위 분류(불명확한 경우 General로 폴백).
  원본 폴더명은 "From_*" 서브폴더로 보존해 추적 가능성 유지.
- 최종 배치: Programming 2784 / General 1608 / Graphic 285 / Business 249 = 4926개 문서.
- 에이전트 운영 상태(.astra/.agent/.obsidian/sessions/memory/_company/docs/lessons/_shared/src)는
  지식 콘텐츠가 아니므로 재분류 대상에서 제외하고 원위치 유지.
- Topics/Topic_email(상위 보호 폴더 Topic_email과 파일명 100% 중복) 삭제 — 보호 폴더 자체는 미변경.
- 완전히 비게 된 Topic_Agent/Topic_Blog/Topics_Biz/Topics_Rag 폴더 제거.
2026-07-05 00:33:48 +09:00

3.9 KiB

id, title, category, status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, verification_status, tags, raw_sources, last_reinforced, github_commit, tech_stack
id title category status canonical_id aliases duplicate_of source_trust_level confidence_score verification_status tags raw_sources last_reinforced github_commit tech_stack
wiki-2026-0508-jpeg-xl JPEG XL 10_Wiki/Topics verified self
jxl
jpeg-xl-format
none A 0.9 applied
image-format
compression
web-performance
codec
2026-05-10 pending
language framework
C++ libjxl

JPEG XL

매 한 줄

"매 royalty-free 차세대 image codec — 매 lossless JPEG transcoding + better-than-AVIF lossy". 매 ISO/IEC 18181 — 매 Cloudinary/Google이 design — 매 Safari 17+ 가 매 native 지원 — 매 2026 점진적 mainstream — 매 JPEG의 정신적 후계자.

매 핵심

매 차별점

  • lossless JPEG re-compress: 매 기존 JPEG 의 평균 20% 매 추가 절감, 매 100% 매 reversible.
  • wide gamut + HDR: 매 BT.2100, PQ/HLG, alpha, animation.
  • progressive decode: 매 stream-as-you-go.
  • CPU efficient: 매 AVIF 보다 encode 매 빠름.

매 brower support (2026)

  • Safari 17+: native.
  • Chrome: behind flag — 매 unflag 검토 중.
  • Firefox: nightly flag.
  • 매 polyfill: jxl.js (WASM).

매 응용

  1. 매 photography archive 의 size 의 줄임.
  2. 매 CDN의 multi-format negotiation (jxl > avif > webp > jpeg).
  3. 매 raw → web pipeline의 매 single-format 통일.

💻 패턴

매 cjxl encode

cjxl input.png output.jxl -q 90 --effort 7
# 매 distance 0.5-3.0 매 매우 high quality
cjxl input.jpg out.jxl --lossless_jpeg=1   # 매 JPEG → JXL 매 lossless

매 djxl decode

djxl out.jxl out.png
djxl out.jxl out.jpg --jpeg_jxl_to_jpeg  # 매 원본 JPEG bit-exact 복원

매 sharp (Node.js)

import sharp from 'sharp';
await sharp('photo.jpg')
  .jxl({ quality: 85, effort: 7 })
  .toFile('photo.jxl');

매 HTTP content negotiation

map $http_accept $img_ext {
  ~image/jxl  ".jxl";
  ~image/avif ".avif";
  ~image/webp ".webp";
  default     ".jpg";
}
location /img/ {
  try_files $uri$img_ext $uri =404;
}

매 picture element

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

매 polyfill (WASM)

<script type="module">
  import { decode } from 'https://unpkg.com/@jsquash/jxl';
  const buf = await fetch('photo.jxl').then(r => r.arrayBuffer());
  const imageData = await decode(buf);
  ctx.putImageData(imageData, 0, 0);
</script>

매 batch transcode

fd -e jpg . | parallel -j8 'cjxl {} {.}.jxl --lossless_jpeg=1'

매 quality tuning

# 매 distance 매 lower = better quality
# 매 1.0 매 visually lossless 의 일반적 target
cjxl in.png out.jxl -d 1.0 -e 7

매 결정 기준

상황 Approach
매 archival JPEG 매 lossless JXL transcode
매 web photo modern 매 JXL + AVIF fallback
매 universal 호환 매 JPEG/WebP 의 유지
매 HDR/wide gamut 매 JXL or AVIF

기본값: 매 archival lossless transcode + web 의 multi-format negotiation.

🔗 Graph

🤖 LLM 활용

언제: 매 archive 매 size 의 reduce 매 reversible 요구. 언제 X: 매 universal browser support 가 hard requirement.

안티패턴

  • JPEG → JXL → JPEG quality 매 lossy: 매 --lossless_jpeg=1 의 잊음.
  • only JXL serve: 매 Chrome user 매 broken image.
  • --effort 9 매 production encode: 매 CPU 의 30x.

🧪 검증 / 중복

  • Verified (libjxl 0.10+, ISO/IEC 18181, Safari 17+).
  • 신뢰도 A.

🕓 Changelog

날짜 변경
2026-05-08 Phase 1
2026-05-10 Manual cleanup — JPEG XL 인코딩/디코딩/HTTP negotiation 정리