GLTF 顶点压缩

简化并编码 GLTF 几何,下载优化 GLB。

加载中...

请稍候

关于此工具

接受.gltf(含.bin/贴图)。网格简化 + Meshopt(推荐)或 Draco。输出优化 GLB。不改贴图。全程本地。

使用技巧

  • 1请一并上传.bin 与贴图
  • 2Meshopt 与 Draco 互斥
  • 3几何简化 + 容器编码

配置选项说明

顶点 / 几何体

网格简化

默认值50%

范围0% – 100% · step 5%

使用网格简化算法减少面数与顶点数。默认中等强度;提高强度可进一步缩小体积,但可能损失曲面细节。仅改变几何密度,不改变文件容器格式。

Meshopt 压缩

默认值

对 glTF/GLB 应用 EXT_meshopt_compression,压缩几何缓冲而不改面数。默认开启,适合运行时加载。与 Draco 互斥,不可同时开启。STL/OBJ/FBX 等非 glTF 输出不会使用此项。

推荐

默认。启用 Meshopt 容器压缩。

不写 Meshopt 扩展。

Meshopt 级别

默认值

控制 Meshopt 编码策略。默认「高」:体积通常更小并启用属性 filter,适合大多数 Web 场景。「中」对更多属性做均匀量化,部分工具链更保守。

推荐

默认。更激进压缩与 filter,体积通常更小。

更均匀的量化,压缩率通常略低。

Draco 压缩

默认值

对 glTF/GLB 应用 KHR_draco_mesh_compression。体积常优于 Meshopt,但解码开销更大。默认关闭;与 Meshopt 互斥。非 glTF 输出不会使用。

推荐

默认。不写 Draco 扩展。

启用 Draco(会关闭 Meshopt)。

压缩力度

默认值6

范围1 – 10

Draco 编码/解码速度权衡,范围 1, 10。数值越高越偏向体积、编码越慢。默认 6,适合大多数模型。

编码方法

默认值Edgebreaker

Draco 拓扑编码方式。默认 Edgebreaker,三角网格压缩率通常更好。Sequential 在部分条带/点序场景更合适。

Edgebreaker推荐

默认。适合常见三角网格。

Sequential

适合有序条带等特殊拓扑。

量化位数(高级设置)

位于界面「高级设置」折叠中。Meshopt / Draco 写入 glTF 时对顶点属性的量化精度:默认位置 14 bit、法线 10 bit、UV 12 bit。位数越低体积越小,但破面、明暗或 UV 瑕疵风险越高。

位置位数

默认值14

范围8 – 16

POSITION 属性量化位数(8, 16)。默认 14:体积与破面风险较均衡。过低可能导致缝隙或抖动。

法线位数

默认值10

范围8 – 16

NORMAL 属性量化位数(8, 16)。默认 10。过低易出现明暗斑驳。

UV 位数

默认值12

范围8 – 16

TEXCOORD 属性量化位数(8, 16)。默认 12。过低可能导致贴图爬梯或抖动。

格式说明

输入格式

扩展名:
gltf, glb
全称:
GL Transmission Format(glTF 2.0)
类型:
3D Scene
格式:
GLTF
常用工具:
Three.jsBlender
说明:
glTF 是 Khronos 制定的开放标准 3D 格式,被称作 3D 界的 JPEG:它以 JSON 描述场景结构,几何数据存放于独立的 .bin 文件,纹理单独引用,方便增量加载与流式传输。glTF 2.0 已成为 Web、移动端与游戏引擎间交换 3D 内容的主流格式。 与 GLB 相比,glTF 由多个文件组成,适合 CDN 按需加载和资源复用,但也更容易因文件分散而丢失引用。交付单文件场景、或需要方便分享时,用 GLB 更稳妥;需要精细控制加载过程或频繁更新部分资源时,glTF 更灵活。

备注:

  • 该GLTF格式在3D软件和引擎中得到广泛支持

支持特性:

  • 实时WebGL渲染
  • 带有旋转/平移/缩放功能的轨道控制
  • 线框和着色显示模式
  • 动画播放(如果格式支持)

输出格式

扩展名:
glb
全称:
GL Transmission Format Binary(压缩后)
类型:
3D 模型
格式:
二进制(glTF 2.0)带 Draco/纹理压缩
常用工具:
Three.jsBabylon.js
说明:
glb-compressed 格式(即压缩后的 GLB 输出)采用 Draco 几何压缩与纹理优化技术,在保持视觉质量的同时显著减小文件大小,尤其适合网络传输和实时渲染。

备注:

  • Draco 压缩模型需要 Draco 解码器才能渲染
  • 根据设置文件大小可减少 50-90%

支持特性:

  • Draco 几何压缩(减少高达 90%)
  • WebP/JPEG 纹理格式转换
  • 可配置强度的网格简化
  • 保留原始 PBR 材质和场景层级

使用方法

1

上传模型

拖入.gltf 及引用资源

2

配置参数

简化 + Meshopt 或 Draco

3

压缩并下载

下载优化 GLB

Q

为什么不能直接下载 .gltf?

A

压缩后的 glTF 以单文件优化 GLB 交付,便于移植与引擎支持:一个包含编码后几何的二进制文件。GLB 比带外部 .bin 和贴图的 .gltf 加载更快,也更易于托管。

Q

Meshopt 和 Draco 哪个解码更快?

A

Meshopt 专为 Web 和移动端快速解码设计,是加载性能的推荐默认选择。Draco 通常能产出更小的文件,代价是解码时间更长。同一几何体上只能启用其中一个。

Q

贴图会保留吗?

A

会。本工具只处理几何缓冲区;贴图会原样嵌入输出的 GLB,与源文件完全一致,无画质损失。

Q

可以只简化、不用 Meshopt/Draco 吗?

A

可以。关闭容器编码后工具仅做网格简化;输出仍是带有简化几何的优化 GLB。当你只想减少多边形而不重新编码缓冲区时,这很有用。

Q

什么是 Draco 编码?

A

Draco 是 Google 的开源库,用于压缩 3D 几何与点云。它可将网格缓冲区缩小最多 90%,且肉眼几乎看不出损失。Meshopt 是替代方案,通常解码更快,偶尔体积略大。

Q

压缩后的模型能在 Three.js 中使用吗?

A

可以。Three.js 原生支持加载 GLB/GLTF,并同时支持 Draco(通过 DRACOLoader)和 Meshopt(通过 MeshoptDecoder)。请在你的项目中引入对应的解码器:Meshopt 的解码器位于 three 的 examples 目录中。

赞助支持