免费 3D 模型查看器(STL、OBJ、GLB)
在浏览器中查看 STL、OBJ、PLY、GLB 和 GLTF 3D 模型,支持轨道旋转、缩放和平移,以及线框模式和自动旋转。使用 WebGL 本地渲染——模型不会上传。
将文件拖放到此处或点击浏览
STL, OBJ, PLY, GLB, GLTF, MTL, BIN, PNG, JPG, WebP, GIF, BMP · 在你的设备上处理
或按 Ctrl+V 从剪贴板粘贴
你可以一次拖放多个文件
你的文件永远不会离开你的设备。所有处理都在你的浏览器中本地进行。
拖入 STL、OBJ、PLY、GLB 或 GLTF 文件即可 3D 查看。拖动旋转,滚轮缩放。带贴图的模型,请把 OBJ 与其 .mtl 和图片(或 GLTF 与其 .bin 和图片)一起拖入。
无需下载或安装:查看器直接在您的浏览器中运行,手机上也可以。
💡 使用 three.js (WebGL) 在本地渲染,模型不会离开您的浏览器。拖动旋转,滚轮或双指缩放,右键拖动平移。GLB 是最可靠的单文件格式;使用 OBJ 或 GLTF 时,请把 .mtl、.bin 和贴图图片与模型一起拖入。
工作原理
在您的浏览器中查看3D模型(STL、OBJ、PLY、GLB、GLTF),支持完整的环绕视角控制,使用three.js/WebGL本地渲染。
- 1放置3D文件STL、OBJ、PLY、GLB或GLTF。它在您的浏览器中被解析和呈现——永远不上传。
- 2环绕、缩放、平移拖动旋转,滚动或双指缩放,右键拖动平移。模型会自动居中并调整取景。
- 3切换视图自动旋转、线框和重置视图控件,加上三角形计数。GLB是最可靠的单个文件格式。
模型完全在您的浏览器中使用WebGL呈现。没有上传任何内容。
指南
操作示例
点击“试试示例”。它会加载 sample-torus-knot.obj,这是页面自己生成的一个环面结模型,因为“自动旋转”已开启,模型会开始转动。工具栏显示“5,120 triangles”,下方一行写着“尺寸:65.6 × 68.4 × 31.8 mm”。点击第一排单位按钮中的“英寸”,这一行就变成 2.58 × 2.69 × 1.25 in。再点击“模型单位”旁边的“cm”,告诉工具这个文件是以厘米为单位写成的,这一行就变成 25.8 × 26.9 × 12.5 in。点击“前”停止旋转并从正面观察,然后选择“4K”并点击“保存PNG”。图片命名为 sample-torus-knot-4k.png,长边为 3840 px。如果选择“屏幕尺寸”,文件名则是 sample-torus-knot.png。
使用哪些设置,以及限制
- 把模型和它的附属文件一起拖入。 此工具可打开 STL、OBJ、PLY、GLB 和 GLTF。你拖入的第一个模型文件就是模型,其他文件都是附属文件:.mtl、.bin,以及 PNG、JPG、JPEG、WebP、GIF 或 BMP 格式的图片。附属文件按文件名匹配,文件夹路径会被忽略,因此可以一次拖入 OBJ 及其 .mtl 和贴图,或 GLTF 及其 .bin 和图片。页面随后会显示“已添加 2 个附属文件(材质或贴图)”。GLB 是最可靠的选择,因为它只有一个文件。
- 用鼠标、触摸或按键移动相机。 拖动可环绕观察,滚动或双指捏合可缩放,右键拖动可平移。查看器获得焦点时,方向键可平移。模型加载时“自动旋转”是开启的;点击“重置视图”或“前”“侧”“顶部”“3/4”之一后,它会停止。“正交”会去掉透视,便于目测比较长度。“网格”会在模型下方绘制地面。“深色”“白色”和“透明”用于更换背景。查看器的高度为屏幕高度的 60%,并保持在 320 到 560 px 之间。
- 先看尺寸,再核对单位。 “尺寸:”显示整个模型的包围盒,使用文件自身的坐标轴,所以对于 Z 轴向上的 STL,第三个数字就是高度。STL、OBJ 和 PLY 文件不含单位。GLB 或 GLTF 一律按米读取。对于其他格式,工具假定单位为毫米,但如果最长边小于 1,则按米读取。如果尺寸看起来不对,请把“模型单位”改为 mm、cm、m 或 in。mm、cm 和 in 这几个按钮只改变结果的显示方式。较小的数值会保留更多小数位,因此不会显示为 0。
- 先选好 PNG 尺寸和背景。 “保存PNG”会按你看到的样子保存,包括当前角度、背景和网格。“屏幕尺寸”按屏幕上的画布大小保存,使用设备的像素密度,最高为 2。“2×”将查看器尺寸加倍。“4K”使长边为 3840 px,并保持宽高比。文件以模型名称命名,并加上 -2x 或 -4k。“透明”背景会把画布清除为零不透明度,用于生成背景透明的 PNG。
- 了解每种格式是如何绘制的。 STL 按 Z 轴向上处理(CAD 和切片软件的惯例),所以会直立显示,并以平面着色绘制。带面的 PLY 是双面绘制的网格;不带面的 PLY 是点云。对于点云,工具栏会显示点数,例如“800 points”,并出现从 0.25 到 4、步长为 0.05 的“点的大小”滑块,“线框”则会隐藏。没有可用 .mtl 的 OBJ 会使用单一的青绿色材质。带有顶点颜色的模型会保留这些颜色。
- 模型看起来很单调时,补充缺少的文件。 OBJ 通过 mtllib 行指明材质,.mtl 再指明贴图图片。GLTF 会指明一个 .bin 文件及其图片。如果找不到 .mtl 或某张贴图,模型仍会显示,页面会提示“找不到,因此模型可能看起来很单调:wood.jpg。”下方会出现“添加缺少的文件”框。把文件拖到那里,模型就会连同这些文件重新加载。文件内部嵌入的数据会按原样使用。
常见问题及解决方法
- 提示“无法加载此模型。”
- 加载器抛出了一个不属于工具自身消息的错误,因此你会看到这条统一文字,而不是技术性的错误描述。常见原因有:文件损坏或被截断、扩展名正确但内容不符、glTF 版本低于 2.0,或使用了 Draco、Meshopt 或 KTX2 压缩的 GLB(本页没有对应的解码器)。关闭了 WebGL 的浏览器也可能出现这种情况。请把模型重新导出为普通的 GLB 或 STL;如果示例也失败,请换一个浏览器试试。
- 提示“不支持此文件格式。”的提示,后面带上文件名 scene.fbx(其中是你自己的文件名)。
- 只能打开 .stl、.obj、.ply、.glb 和 .gltf。其他 3D 格式在添加时就会被拒绝;如果页面从内容中识别出是另一种格式,提示信息里会指出该格式。请在制作该模型的程序中把它导出为 GLB 或 STL。如果只拖入 .mtl、.bin 或图片,会提示“请添加模型文件(STL、OBJ、PLY、GLB 或 GLTF)。材质和贴图只能随模型一起使用。”
- 提示“此 glTF 需要未添加的文件:scene.bin。请在下方添加,或改用单文件 .glb。”
- .gltf 文件把几何数据放在单独的文件中。工具会按名称列出找不到的每个 .bin,并且不绘制任何内容。点击文件标签上的移除按钮,然后把 .gltf 与 .bin 和图片一起重新拖入,且文件名要与 .gltf 所要求的一致。数据嵌入文件内部的 glTF 不需要任何额外文件,.glb 本身就是单个文件,所以如果可以选择,请导出为 GLB。
- 提示“找不到,因此模型可能看起来很单调:texture.png。”
- 模型已加载,但它引用的贴图或 .mtl 没有被添加,所以这些表面可能看起来很单调。请在“添加缺少的文件”框中添加提示的文件。名称比较时不区分大小写,并忽略文件夹和任何 ?query 部分,所以名为 Texture.PNG 的文件可以匹配“textures/texture.png”。如果名称仍然不匹配,请把你的文件重命名为模型所要求的名称。
- 提示“此文件中没有可显示的三角形或点。”
- 文件已解析,但其中没有查看器能绘制的内容。只显示三角形和点,因此只包含线条或相机的模型会被视为空。请在制作它的程序中打开源文件,确认导出时包含了网格,然后在选中网格或点云的情况下重新导出。
对比分析
这是一个用于查看、旋转、检查尺寸和截取图片的查看器。它不能编辑、修复、切片、测量体积、转换格式或保存 3D 文件,而且只能打开五种格式。编辑、修复和切片请使用桌面建模软件和切片软件。显示的尺寸是文件自身坐标轴下的包围盒,不是重量或体积。非常大的模型取决于你设备的内存和显卡。绘制分辨率上限为屏幕像素密度的两倍。好处是无需安装任何东西,模型在你的浏览器中通过 three.js 和 WebGL 绘制。