JPEG2000：更好，为什么却输了

真实对比：同体积下谁更干净

同一张图，一个用真实 JPEG 编码器压，一个用真实 JPEG2000 编码器压，两者体积被精确匹配到相同（同压缩比），再比画质。点击任意一张对比图，可放大对比同一区域。

先挑一张试试

人像 风景 夜景 插画

小波子带分解（DWT · 原理示意）

下面是教学用 Haar 小波示意 DWT 的子带结构（真实 JPEG2000 用 9/7 或 5/3 小波，分解出的频带结构相同）。一次变换把图像拆成四个频带：LL 保留整体轮廓，LH/HL/HH 分别保留水平、垂直、对角细节——因为小波作用在整张图上、不切块，所以压缩时不会产生 JPEG 那种方块效应。

真实渐进式加载：一个文件，先模糊后清晰

同一个 .jp2 文件里的真实码流包含 6 个质量层。解码器只需读码流的前段就能先得到低画质版本，收到的层越多画质越高——下面是实时解码这个真实码流的第 k 层（每层的 PSNR 都是真实算出来的）。

码流前段 ≈ 低层（低画质），层数越靠后需要的码流字节越多。越接近第 6 层，越接近完整文件。

它为什么没有方块效应

技术实现：真实编解码，不是模拟

// 真实 JPEG2000 编码：OpenJPEG（编译成 WebAssembly，浏览器内运行）
// 内部使用 9/7 小波（有损）+ EBCOT 熵编码，输出真实 J2K 码流
encoder.getDecodedBuffer({ width, height, componentCount, bitsPerSample, isSigned }).set(pixels);
encoder.setDecompositions(3);        // 小波分解层数
encoder.setQuality(false, 1);        // 有损编码
encoder.setCompressionRatio(0, 12);  // 目标压缩比 12:1
encoder.encode();                    // 输出真实 J2K 码流

// 真实 JPEG 编码：直接用浏览器原生 encoder（canvas.toBlob 的 image/jpeg）
canvas.toBlob(cb, 'image/jpeg', quality);  // 8×8 DCT + 色度下采样

// 渐进式：一个码流 6 个质量层，逐层真实解码
decoder.decodeSubResolution(0, layer);     // layer = 1..6

上面的压缩对比、体积、PSNR、渐进层都是真实编解码结果：JPEG 用浏览器原生编码器，JPEG2000 用 OpenJPEG（WASM）。唯一「示意」的部分是上方小波子带分解图——真实编码器不暴露中间系数，所以用 Haar 小波展示相同的频带结构。

它没死，只是换了个地方活着