砍掉色度低位肉眼几乎无感:一个可交互的 YUV 位掩码压缩实验页

下面嵌入一个纯前端的 YUV 颜色空间小实验:页面把图片从 RGB 变换到 YUV(BT.601),每个像素拆成 Y 亮度、U/V 两个色度分量,各占 8bit。你可以逐位开关 3×8 共 24 个 bit 掩码,被关闭的位直接置零,等价于把该分量量化到更少的级数;页面随即重建压缩后图像,与原图并排对比,并给出压缩率、压缩前后大小、节省空间和 PSNR 画质评分。由于人眼对亮度敏感、对色度不敏感,优先砍 U/V 的低位往往看不出差别,却能省下大量存储空间。默认的 Y6/U4/V4 档把每像素 24bit 压到 14bit,实测节省约 42% 空间。页面内置一张默认图片(base64 内嵌),也可以拖入任意本地图片,全部计算在浏览器本地完成,不上传任何数据。