企业官网建设流程全解析

需求：大体积 GLB 放进网页。结论：先看体积构成再选工具——贴图大走纹理优化，几何大走 Draco，流水线走命令行。这篇给判断方法和完整路线。

三十秒诊断：你的「大」是哪种大

DevTools/查看器看构成: ├─ 贴图占大头（4K×N 张）→ 纹理优化（收益最快） │ 4K→2048 + JPEG→WebP/KTX2，体积砍半 ├─ 几何占大头（几十万顶点）→ Draco │ 公开口径: 10.6MB/27.8万顶点 → 596KB (-94.5%) └─ FBX 转来的虚胖 → 格式转换环节清理冗余

顺序错了白忙：几何压三轮发现大头在贴图，是真实踩过的坑。

带界面路线（Zipoly 桌面版）

# 流程一条龙（不换软件）纹理优化页: JPEG/WebP/KTX2 三选一，质量75/边长2048 起步 模型优化页: Draco(强度7, 首压)或 Meshopt(GPU解码/场景图)压完 → 立即预览 → 转一圈验金属高光/贴图对齐!

选它的三个理由：

1. 双引擎一个壳（Draco/Meshopt 界面切换，不装两套命令行） 2. 免费档引擎完整（单文件50MB/批量5个，与付费同套压缩内核） 3. 协作成本低（美术自己拖进去点两下，不排队等程序员）

命令行路线（流水线/极客）

# Draco 系gltf-pipeline-imodel.glb-oout.glb--draco.compressionLevel7# Meshopt 系gltfpack-imodel.glb-oout.glb-cc

适用：CI/CD 自动化、参数精细控制。冷知识：Zipoly 底层就是这两套（工具诊断页可见 Draco/gltfpack 检测项），同参数结果一致——界面与命令行是使用方式之争，不是效果之争。

完整路径示例：40MB 模型进网页

1. 纹理: 4K→2048 + WebP(q75) 体积 ≈ -50% 2. 主压: Draco 强度7 弹窗给节省比例+提速预估 3. 验证: 立即预览转一圈 PBR 压坏特征: 金属高光发黑/贴图错位 4. 前端: DRACOLoader + 本地 decoder（别依赖外网 CDN）

四步进 2MB 是常规操作。

工具救不了的三种情况

已高度优化模型 → 收益趋零，改做懒加载（IntersectionObserver） 毫米级精度刚需 → 量化误差不可接受，保精度只压贴图 单文件 >50MB → 免费档明确报错（诚实不静默），升级或源软件减面

结论

个人/非技术用户：带界面工具免费档起步（零成本验证）。流水线：命令行嵌入。拿不准：先拖进界面工具看构成，诊断完成选型就完成了一半。

工具选型问题评论区丢。