针对网页端优化 3D 模型

如果你是使用 3D 内容的网页设计师、网页开发人员或在线营销人员，你就会知道网站的加载速度和性能是最关键的质量指标。如果你嵌入的 3D 文件过大，整体体验就会大打折扣。为了获得最佳的视觉效果，每个 3D 场景都应该经历优化过程。

为了更好地协助你，Vectary 推出了全新的 3D 场景分析器工具。它不仅能分析项目中需要优化的部分，还提供了一套工具，能让你快速、高效地完成优化。无论你使用的是 Vectary 内置的 WebAR 查看器还是你自己的解决方案，这一方案都非常有帮助。针对网页、AR、游戏设计或 VR 优化你的 3D 文件。

如何优化 3D 文件

1. 将你的模型导入 Vectary Studio，或者从头开始创建你自己的 3D 模型。
2. 前往右上角的“预览”。
3. 在右侧面板中获取 Vectary 针对优化的建议，该面板包含四个部分：对象、纹理、加载时间和性能。

优化的关键因素

对象

此部分显示场景中的对象数量和多边形数量。最好将对象数量控制在 100 以下，多边形数量控制在 100K 以内。AR 预览同样建议如此。

如何减少多边形数量

纹理

纹理分析器显示项目中的纹理数量及其分辨率。在 Vectary 中，你可以降低纹理分辨率，且降低后的画质几乎察觉不到。尽量将纹理数量控制在 100 以下。你还可以在多个对象上复用材质，以进一步减小文件大小。

如何优化纹理和材质

加载时间

此部分估算在普通电脑及网络环境下的加载时间。为了获得最佳体验，建议文件大小控制在 5MB 以下，加载时间控制在 3 秒以内。

效果

性能是指场景每秒运行的帧数。如果帧率低于 24，用鼠标旋转 3D 模型时可能会出现卡顿。这里还列出了最消耗性能的特效。可以考虑禁用它们以获得更好的体验。请注意，性能是根据你当前打开项目的设备计算的。

观看完整教程，快速了解如何优化 Vectary 3D 模型：