如果你正在运营一家 Shopify 店铺，并希望用 3D 模型来展示产品，那你一定要关注这个令人兴奋的新进展。Shopify 刚刚发布了他们内部用于优化 3D 模型的同款工具——而且完全免费。
为什么这对你的店铺很重要
3D 产品可视化对线上零售商来说正变得越来越重要。无论你销售的是家具、电子产品还是时尚单品，让顾客从各个角度查看产品，都能显著提升转化率。然而，一直以来都有一个最大的难题：文件体积。
Today @Shopify is open sourcing the tool we use for optimizing glTF 3D models.
🔧 Tweak compression settings per texture
⚡ See changes immediately
🧰 Mesh compression options
🌐 Hosted online & free👇 Check the thread for details pic.twitter.com/HNgcXaxWxn
— Daniel Beauchamp (@pushmatrix) July 31, 2025
大型 3D 文件会导致加载缓慢，让顾客感到沮丧，并影响店铺整体表现。直到现在，大多数优化工具都采用“一刀切”的方式，对所有纹理使用相同的压缩策略。结果往往不是文件仍然太大，就是模型画质惨不忍睹。
Shopify 的工具有什么不同
全新的 glTF Compressor（可在 gltf-compressor.com 使用）用一个颠覆性的功能解决了这个问题：按纹理分别控制压缩。
你可以做到：
- 为每张纹理单独调整压缩设置 – 你的法线贴图（用于定义表面细节）可以保持更高质量，而环境光遮蔽贴图等不那么关键的纹理则可以更激进地压缩
- 立即看到变化 – 无需反复导出模型来测试不同设置
- 原始版本与压缩版本并排对比 – 更有依据地权衡“画质/体积”取舍
- 提供网格压缩选项 – 不仅优化纹理，也能优化 3D 几何本身
如何把它用在你的店铺里
- 访问工具：打开 gltf-compressor.com – 在线托管，完全免费
- 上传你的 glTF 3D 模型 – 这是网页端 3D 内容的标准格式
- 为每张纹理单独调整压缩设置
- 实时预览变化，确保画质符合你的标准
- 下载优化后的模型，当你对结果满意时即可导出
真实案例：Horizon Drive 的效果
为了展示这款工具的实力，Shopify 制作了 Horizon Drive——一款用 Three.js 和 React 构建、可完整游玩的赛车游戏。尽管这是一个复杂的 3D 体验，但得益于使用这款工具进行精细优化，整个游戏体积仍控制在 10MB 以内。
更令人印象深刻的是他们的实现方式：
- 不需要物理引擎库
- 不需要昂贵的射线投射（raycasting）计算
- 使用基于样条曲线的法线与切线进行赛道碰撞检测
- 在常见设备上也能保持出色性能
Shopify just launched a racing game built in threejs and React (R3F).
No physics libraries. No raycasts.
Not vibe coded. But all vibes. ✨ pic.twitter.com/37WT2gMgpF
— Daniel Beauchamp (@pushmatrix) May 22, 2025
你也可以亲自体验：它作为彩蛋出现在 Shopify 的 Summer 2025 Editions 页面 上。
工具背后的团队
这款强大的优化工具由 Shopify 的一支优秀团队打造，其中包括 Daniel Beauchamp（@pushmatrix）、Diego Macario（@maca_graphics）、brennan（@letkma）以及其他贡献者。
他们也是打造惊艳的 Horizon Drive 赛车游戏的同一批开发者，充分展示了其在 Web 3D 体验方面的深厚功底。将这款内部工具开源，也体现了 Shopify 致力于为商家提供专业级资源的承诺。
为什么开源很重要
通过开源这款工具（代码见 github.com/shopify/gltf-compressor），Shopify 让你能够使用他们为自家高性能 3D 体验所采用的同款优化技术。这意味着：
- 无供应商锁定 – 优化后的文件归你所有
- 社区持续改进 – 全球开发者都可以贡献增强功能
- 透明可见 – 你可以清楚了解模型具体如何被处理
- 可定制空间 – 技术能力较强的商家可按特定需求修改工具
你的 3D 模型最佳实践
在为店铺 3D 模型使用 glTF Compressor 时，请记住这些建议：
- 从高质量模型开始 – 该工具优化的是现有内容，无法把糟糕的原始质量“变好”
- 在多种设备上测试 – 在高端电脑上看起来不错的效果，可能会让顾客手机吃不消
- 平衡画质与性能 – 有时，一个稍大但稳定加载的文件，比一个极限压缩却观感很差的文件更好
- 考虑你的受众 – 时尚类商品可能比工业设备更需要更高的纹理质量
今天就开始上手
如果你已经在 Shopify 店铺中使用 3D 模型，建议今天就把它们丢进这个优化器跑一遍。你很可能会在几乎不影响观感的情况下，看到明显的体积缩减。如果你还没为店铺加入 3D 可视化，这个工具也帮你移除了最大的入门门槛之一。
Shopify 的 AR 能力再加上这款全新的优化工具，让现在成为用交互式 3D 内容来升级你的产品页面的最佳时机。顾客会喜欢能够细致查看产品的体验，而你的店铺也会从更高的互动、更低的跳出率中受益——这一切都来自加载更快、质量更高的 3D 体验。
准备好优化你的 3D 模型了吗？前往 gltf-compressor.com，亲自看看差异。
