The EXT_sRGB
extension is part of the WebGL API and adds sRGB support to textures and framebuffer objects.
WebGL extensions are available using the WebGLRenderingContext.getExtension()
method. For more information, see also Using Extensions in the WebGL tutorial.
Note: This extension is only available to WebGL1 contexts. In WebGL2, the functionality of this extension is available on the WebGL2 context by default. The constants in WebGL2 are: gl.SRGB
, gl.SRGB8
, gl.SRGB8_ALPHA8
and gl.FRAMEBUFFER_ATTACHMENT_COLOR_ENCODING
.
This extension exposes the following constants, which can be used in the texImage2D()
, texSubImage2D()
, renderbufferStorage()
and getFramebufferAttachmentParameter()
methods.
ext.SRGB_EXT
-
Unsized sRGB format that leaves the precision up to the driver.
ext.SRGB_ALPHA_EXT
-
Unsized sRGB format with unsized alpha component.
ext.SRGB8_ALPHA8_EXT
-
Sized (8-bit) sRGB and alpha formats.
ext.FRAMEBUFFER_ATTACHMENT_COLOR_ENCODING_EXT
-
Returns the framebuffer color encoding (gl.LINEAR
or ext.SRGB_EXT
).
const ext = gl.getExtension("EXT_sRGB");
const texture = gl.createTexture();
gl.bindTexture(gl.TEXTURE_2D, texture);
gl.texImage2D(
gl.TEXTURE_2D,
0,
ext.SRGB_EXT,
512,
512,
0,
ext.SRGB_EXT,
gl.UNSIGNED_BYTE,
image,
);