GLTF 顶点压缩

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

工作区

拖拽文件到此处

或点击选择文件,支持粘贴

关于此工具

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

使用技巧

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

使用方法

  1. 上传模型

    拖入.gltf 及引用资源

  2. 配置参数

    简化 + Meshopt 或 Draco

  3. 压缩并下载

    下载优化 GLB

配置选项说明

顶点 / 几何体

选项作用默认值 / 范围

网格简化

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

压缩力度

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

编码方法

Draco 拓扑编码方式。默认 Edgebreaker,三角网格压缩率通常更好。Sequential 在部分条带/点序场景更合适。
  • Edgebreaker推荐: 默认。适合常见三角网格。
  • 顺序: 适合有序条带等特殊拓扑。
Edgebreaker

量化位数(高级设置)

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

位置位数

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

格式说明

输入格式

扩展名:
gltf, glb
全称:
GL Transmission Format(glTF 2.0)
类型:
3D 场景
格式:
GLTF
常用工具:
Three.js、Blender
说明:
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.js、Babylon.js
说明:
压缩后的 GLB 输出采用 Draco 几何压缩与纹理优化技术,在保持视觉质量的同时显著减小文件大小,尤其适合网络传输和实时渲染。

备注:

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

支持特性:

  • Draco 几何压缩(减少高达 90%)
  • WebP/JPEG 纹理格式转换
  • 可配置强度的网格简化
  • 保留原始 PBR 材质和场景层级
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 目录中。