单张照片生成 AR 3D 模型
用一张图片在 3 到 5 分钟内制作 AR 3D 模型:GLB 用于 Android 的 Scene Viewer 和网页,USDZ 用于 iPhone 和 iPad 上的 AR Quick Look。
- 3 个免费积分,无需绑卡
- GLB + USDZ
- iPhone、iPad 和 Android
如何制作可让人摆放在房间里的 AR 3D 模型
两大手机平台都内置 AR 查看器。你需要为每个平台准备一个文件,并把正确尺寸烘焙进去。
- 01
用一张照片生成
在此处或 工作室 上传一张单个物体的清晰照片。用于 AR 时请生成带纹理模型(3 个积分,付费方案):灰色模型放在真实桌面上会显得像半成品。带纹理模型通常需要 3 到 5 分钟。 - 02
设置真实尺寸
AI 并不知道你的物体有多大。在 Blender 中打开 GLB,在 N 面板中以米为单位设置尺寸,应用缩放后重新导出。glTF 的 1 单位 = 1 m 意味着 AR 会按该尺寸摆放。 - 03
为 Android 和网页导出 GLB
GLB 是 Google Scene Viewer 和网页组件<model-viewer>加载的格式,也是免费下载格式。 - 04
为 Apple 设备导出 USDZ
USDZ 是 AR Quick Look 在 iPhone、iPad 和 Apple Vision Pro 上的 Safari、信息、邮件、新闻和备忘录中打开的格式。它是付费的工作室导出功能,或者你也可以用免费的 GLB 转 USDZ 转换器 自行转换 GLB。 - 05
检查两个文件
- 06
通过链接或嵌入代码发布
将文件托管在 HTTPS 上,并使用下一节的代码。一个<model-viewer>标签即可同时服务两个平台。
增强现实模型:各平台的要求
来自 Apple 和 Google 开发者文档的要求,核对于 2026 年 10 月。
| iPhone / iPad(AR Quick Look) | Android(Scene Viewer) | |
|---|---|---|
| 文件格式 | USDZ | glTF 2.0 / GLB |
| 提供方式 | MIME 类型 model/vnd.usdz+zip | HTTPS URL |
| 网页链接 | <a rel="ar" href="model.usdz">,且其中只能包含一个 <img> 或 <picture> 子元素 | intent://arvr.google.com/scene-viewer/1.0?file=… 链接 |
| 大小限制 | 未公布硬性数字;可将 Android 的目标作为安全预算 | 建议 100k 三角面(30–50k 更理想)、10 MB,纹理最大 2048 × 2048 |
| 材质 | PBR | PBR;建议最多 10 个材质,每个网格 1 套 UV(硬性限制) |
| 扩展 | 不适用 | 仅列出 KHR_materials_unlit 和 KHR_texture_transform |
| 朝向 | 竖立放置在检测到的表面上 | +Y 向上;正面应朝向 +Z |
| 阴影 | 不要烘焙到纹理中 | 会自动添加硬阴影——不要烘焙进去 |
网站的 AR 3D 模型嵌入代码
一个标签适配所有手机。 Google 的 <model-viewer> 网页组件会加载 GLB,并在加上 ar 属性后,在支持的设备上提供 AR。其默认 ar-modes 值为 webxr scene-viewer quick-look,按此优先级排列。若不设置 ios-src,它会为 iPhone 即时生成 USDZ,因此一个 GLB 就能覆盖两个平台。艺术画和镜子请设置 ar-placement="wall";设置 ar-scale="fixed" 可防止用户把商品缩放到错误尺寸。
仅 iPhone,无需 JavaScript。 用 rel="ar" 链接 USDZ,并包裹一张 <img> 预览图。Safari 会就地打开 AR Quick Look,而不是跳转离开,退出后返回你的页面。服务器必须以 model/vnd.usdz+zip 发送文件,否则 Safari 不会将其视为 AR 内容。
仅 Android。 使用指向 arvr.google.com/scene-viewer/1.0 的 intent 链接,并将 file= 设为 GLB 的 HTTPS URL。添加 mode=ar_only 可跳过 3D 预览(Google 建议不要对从浏览器启动的链接使用),resizable=false 可锁定真实比例,title= 用于显示名称(超过 60 个字符会被截断)。加入 S.browser_fallback_url,让不支持 AR 的用户落到有用的页面。
用一张照片制作的 AR 3D 模型
人们真正会放进 AR 的物体:商品、装饰品和收藏品。逐一旋转它们,像购物者一样近距离判断纹理。
用于 AR 的 USDZ:把尺寸和文件大小控制好
有两个问题会让 AR 模型在手机上显得不对:尺寸错误和加载缓慢。请在导出前修正尺寸,因为尺寸是文件的一部分:一双 26 cm 的运动鞋在 glTF 中应高 0.26 单位。然后让文件尽量轻。Google 对 Scene Viewer 的建议是三角面低于 100,000,理想为 30,000–50,000;文件低于 10 MB;纹理不超过 2048 × 2048。
增强现实模型的该做与不该做
- 在柔和均匀的光线下拍摄商品——纹理来自你的照片
- 凡是客户会看到的物体,都生成带纹理模型
- 导出前以米为单位设置真实世界尺寸
- 上线前在一部 iPhone 和一部 Android 手机上测试
- 为没有 AR 的用户提供备用图片
- 在源照片中使用光泽反射或强烈阴影
- 把 50 MB 的文件放到商品页
- 指望 AI 只凭正面照片猜出商品背面
- 期待动画——模型是静态的
- 在需要精确测量的地方使用 AI 模型,比如必须严丝合缝的零件
AR 文件工具
常见问题
常见问题
AR 3D 模型使用什么文件格式?
如何在 iPhone 上查看用于 AR 的 USDZ?
如何在 Android 上以 AR 打开 GLB?
SupaVoxel 的 AR 3D 模型免费吗?
为什么我的 AR 模型尺寸不对?
AR 模型可以用于商品页的商业用途吗?
AR 模型可以做成动画吗?
同一个文件能在 iPhone 和 Android 上都做 AR 吗?
相关工具与指南
继续探索
免费开始
用 AR 3D 模型把你的产品“放”进房间
上传一张照片,几分钟就能拿到带贴图的模型,可导出 GLB 和 USDZ。3 个免费额度,无需绑卡。
无需信用卡 · 赠送 3 个免费积分