OpenGL透明像素意外显示为白色的问题排查求助

首先咱们得揪出问题核心：你遇到的情况是Photoshop导出的PNG透明区域，其RGB通道被填充为纯白色（1,1,1）但Alpha通道为0，而Gimp默认会把透明区域的RGB设为黑色（0,0,0），再结合你当前的混合函数设置，就导致了透明区域显示白色的问题。

下面给你几个针对性的解决方案，按优先级排序：

1. 改用标准Alpha混合函数（最推荐） #

你当前用的glBlendFunc(GL_ONE, GL_ONE_MINUS_SRC_ALPHA)是加法混合模式，这种模式下，即使Alpha为0，源的RGB（白色）也会被直接加到背景颜色上，导致看起来是白色而非透明。

标准的Alpha透明混合应该用以下设置：

glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);

这个混合模式的计算逻辑是：
最终颜色 = 源像素颜色 × 源Alpha + 背景颜色 × (1 - 源Alpha)
当源Alpha为0时，源像素的贡献完全消失，直接显示背景，哪怕源RGB是白色也不会有影响。

2. 调整Photoshop导出设置，让透明区域RGB为黑色 #

如果你坚持要用原来的混合函数，可以修改PS的导出配置，让它把透明区域的RGB通道填充为黑色：

• 打开「存储为Web所用格式」对话框，找到「透明度」选项组
• 点击「杂色」旁边的下拉箭头，选择「透明区域设置」
• 将「填充透明区域」的颜色改为纯黑色（#000000）
• 导出后，透明区域的RGB就会是(0,0,0)，配合你原来的混合函数就能正常显示透明

另外一个小技巧：在PS里先建一个黑色背景图层放在最底层，再导出带透明的PNG，也能达到同样的效果。

3. 在片段着色器中强制修正透明像素的RGB #

如果以上两种方法都不想用，可以在片段着色器里做个判断，当Alpha为0时把RGB通道强制设为0：

#version 330 core
out vec4 FragColor;
in vec2 TexCoords;
uniform sampler2D tex0;

void main() {
    vec4 color = texture(tex0, TexCoords);
    // 用小于阈值代替等于，避免浮点精度问题
    if (color.a < 0.001) { 
        color.rgb = vec3(0.0);
    }
    FragColor = color;
}

额外优化：明确纹理内部格式 #

你的纹理加载代码里，glTexImage2D的第三个参数（内部格式）用了和格式参数一样的值，建议明确指定为GL_RGBA8（带Alpha的纹理），这样OpenGL能更明确地处理Alpha通道：

GLuint internalFormat = (alpha) ? GL_RGBA8 : GL_RGB8;
GLuint format = (alpha) ? GL_RGBA : GL_RGB;
glTexImage2D(GL_TEXTURE_2D, 0, internalFormat, img->w, img->h, 0, format, GL_UNSIGNED_BYTE, img->pixels);

补充说明 #

为什么Gimp导出的图片没问题？因为Gimp默认会把透明区域的RGB通道填充为黑色，所以即使你用加法混合模式，(0,0,0,0)的源像素乘以1加上背景颜色，结果还是背景颜色，看起来就是正常透明的。

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