为何能使用超出WebGL MAX_TEXTURE_SIZE限制的纹理？

问题背景 #

我的WebGL环境中MAX_TEXTURE_SIZE为8192，该值定义的是纹理的最大边长限制。但在PIXI V7.2.4的WebWorker环境中，加载一张8500×60的精灵表纹理时并未出现任何错误，使用的代码如下：

PIXI.Assets.add('myBigSpriteSheet', '../resources/myBigSpriteSheet.png');
PIXI.Assets.load(['myBigSpriteSheet']).then((textures) =>
{
    let myBigSpriteSheet = textures['myBigSpriteSheet'];
    
    for (let i=0; i<100; i++)
        _textures['grass/'+i] = new PIXI.Texture(myBigSpriteSheet, new PIXI.Rectangle(i*58, 0, 58, 30));
});

我想知道这一现象的原因：会不会是因为我从未在精灵中加载完整纹理，仅通过PIXI.Rectangle加载部分纹理？如果是这样，难道MAX_TEXTURE_SIZE是作用于这些矩形区域而非纹理本身？根据之前的认知我并不这么认为，但仍想了解具体原因。

解答 #

核心原因 #

1. PIXI自动处理超尺寸纹理
   PIXI框架内置了WebGL纹理限制的兼容逻辑，当加载的纹理边长超过MAX_TEXTURE_SIZE时，它会自动将纹理缩放到符合限制的尺寸（比如把8500px的宽度缩至8192px，高度按比例同步缩小）。这个过程不会抛出错误，只是纹理实际分辨率降低——由于你仅截取精灵表的小区域使用，可能未察觉到分辨率的细微变化，因此误以为纹理以原尺寸加载。

2. 纹理尚未上传至GPU
   你在WebWorker中完成的只是图片数据加载和子纹理定义，但WebGL的MAX_TEXTURE_SIZE限制仅对GPU中已上传的纹理生效。若这些纹理尚未用于渲染（比如未创建PIXI.Sprite并添加到舞台、执行渲染流程），PIXI不会将完整的大纹理数据上传至GPU，自然不会触发尺寸检查，也就不会报错。

疑问澄清 #

MAX_TEXTURE_SIZE确实作用于整个纹理的边长，而非你截取的子纹理区域。你未遇到错误，本质是PIXI的兼容机制或纹理尚未进入GPU渲染流程导致的，并非限制规则失效。

内容的提问来源于stack exchange，提问作者Jean-Louis