预乘输出场景下片段着色器伽马校正的正确顺序咨询

嘿，这个问题看似不起眼，但其实戳中了渲染管线的核心逻辑——虽然你现在视觉上没看出差异，但在半透明区域（尤其是低Alpha值的柔和边缘），两种方案的颜色偏差会逐渐显现出来。直接给结论：应该先做Alpha预乘，再执行伽马校正，也就是你的方案二是正确的，方案一存在底层逻辑错误。

为什么顺序这么关键？ #

要搞懂这个，得先明确两个核心操作的本质：

• 伽马校正：是把线性空间的RGB值转换为符合显示器伽马响应的非线性sRGB值，这是一个典型的非线性运算（pow(x, 1/2.2)）。
• 预乘Alpha：是在线性空间中将RGB通道与Alpha通道相乘，目的是让后续的Alpha混合运算符合线性空间的数学推导，避免边缘黑边、颜色偏暗等常见问题。

非线性运算有个关键特性：(a * b)^γ ≠ a^γ * b^γ（除非b=1，也就是完全不透明的情况）。这直接导致了两种方案的本质区别：

• 方案一（先伽马后预乘）：你先把线性RGB转成了非线性sRGB，再乘以Alpha——相当于在非线性空间做了预乘，这违背了Alpha混合必须在线性空间计算的原则。
• 方案二（先预乘后伽马）：你先在线性空间完成了预乘操作（贴合混合的数学逻辑），再把整个预乘后的线性RGB转换为非线性sRGB，完全符合正确的渲染管线流程。

为什么你现在没看出差异？ #

大概率是你测试的内容以完全不透明（Alpha=1）的像素为主，这时候两种方案的计算结果是等价的（因为(x*1)^γ = x^γ *1）。但如果测试半透明区域（比如Alpha=0.5的渐变边缘），你会发现方案一的颜色会比方案二偏暗，因为非线性空间的乘法会错误地压缩亮度信息。

正确的代码写法 #

再确认下你的方案二是标准的正确写法：

vec4 pixelOut = vec4(pow(color.xyz * alpha, vec3(1.0/2.2)), alpha);

如果你的渲染管线后续还有其他线性空间的运算，记得始终保持颜色在线性空间处理，直到最终输出前再完成预乘和伽马校正（或者像这里先预乘再伽马）。

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