面向GLSL着色器的JPEG纹理RGB通道鲁棒浮点数编码方案咨询

针对在高压缩JPEG纹理中存储0-1浮点数并最小化着色器输入噪声的需求，核心思路是利用JPEG对亮度（Y分量）分配更多压缩比特的特性，将浮点数的高有效位绑定到JPEG噪声最小的通道，同时主动缩减冗余精度，避免无用位被压缩产生突变噪声。以下是具体方案和GLSL实现：

核心问题分析 #

直接将0-1浮点数映射为24位RGB整数（R<<16|G<<8|B）的方案，在JPEG压缩时会出现严重噪声：JPEG的色度分量（对应B通道）量化更激进，噪声最大，而B通道承载的是浮点数的最低8位，这会导致浮点数的小数部分出现大幅突变，对着色器结果影响显著。

最优方案：非均匀比特分配的RGB编码 #

利用JPEG亮度分量Y的权重（Y=0.299R+0.587G+0.114B），将浮点数的高有效位分配给权重最高、压缩噪声最小的G通道，次高位给R，最低位给B，同时主动缩减总比特数到18位（匹配JPEG压缩后实际能保留的精度），具体实现如下：

编码GLSL代码（0-1浮点数转RGB） #

vec3 encodeFloatToRGB(float f) {
    // 绑定比特：G=7位(0-127)，R=6位(0-63)，B=5位(0-31)，共18位，覆盖0~262143
    float scaled = clamp(f, 0.0, 1.0) * 262143.0;
    int g = int(scaled / (64.0 * 32.0));
    float remainder = scaled - float(g) * 64.0 * 32.0;
    int r = int(remainder / 32.0);
    int b = int(remainder - float(r) * 32.0);
    // 转换为0-1范围的RGB值（最终输出纹理时会转为0-255）
    return vec3(float(r)/63.0, float(g)/127.0, float(b)/31.0);
}

解码GLSL代码（RGB转0-1浮点数） #

float decodeRGBToFloat(vec3 rgb) {
    // 还原18位数值
    int r = int(clamp(rgb.r, 0.0, 1.0) * 63.0);
    int g = int(clamp(rgb.g, 0.0, 1.0) * 127.0);
    int b = int(clamp(rgb.b, 0.0, 1.0) * 31.0);
    float total = float(g) * 64.0 * 32.0 + float(r) * 32.0 + float(b);
    return total / 262143.0;
}

方案优势 #

1. 噪声平缓化：将最高有效位放在G通道（JPEG压缩噪声最小），即使B通道出现压缩噪声，也仅影响浮点数的最低5位，表现为平缓的微小波动，而非直接编码时的突变噪声。
2. 精度匹配：主动缩减到18位精度，避免JPEG压缩对24位中冗余低位的无意义破坏，让编码精度与JPEG实际能保留的精度对齐。
3. 实现简单：无需额外的YUV转换，直接在RGB空间完成编码解码，适配GLSL纹理输入输出流程。

额外优化建议 #

• 预平滑处理：对原始浮点数纹理进行轻微的高斯模糊，减少高频细节，JPEG对平滑区域的压缩噪声更小，进一步降低着色器输入的噪声。
• 压缩率适配：如果压缩率极高（如JPEG质量<30），可进一步缩减比特数到15位（5x5x5），牺牲微小精度换取更低的噪声。

内容的提问来源于stack exchange，提问作者sinsro