SupaVoxel
增强现实模型

单张照片生成 AR 3D 模型

用一张图片在 3 到 5 分钟内制作 AR 3D 模型:GLB 用于 Android 的 Scene Viewer 和网页,USDZ 用于 iPhone 和 iPad 上的 AR Quick Look。

  • 3 个免费积分,无需绑卡
  • GLB + USDZ
  • iPhone、iPad 和 Android
更新于 2026年10月
3–5 分钟
典型带纹理生成
100k
Google 为 Scene Viewer 建议的三角面上限
10 MB
Scene Viewer 建议的最大文件大小
1 单位 = 1 m
glTF 比例,确保 AR 按真实尺寸摆放

如何制作可让人摆放在房间里的 AR 3D 模型

两大手机平台都内置 AR 查看器。你需要为每个平台准备一个文件,并把正确尺寸烘焙进去。

  1. 01

    用一张照片生成

    在此处或 工作室 上传一张单个物体的清晰照片。用于 AR 时请生成带纹理模型(3 个积分,付费方案):灰色模型放在真实桌面上会显得像半成品。带纹理模型通常需要 3 到 5 分钟。
  2. 02

    设置真实尺寸

    AI 并不知道你的物体有多大。在 Blender 中打开 GLB,在 N 面板中以米为单位设置尺寸,应用缩放后重新导出。glTF 的 1 单位 = 1 m 意味着 AR 会按该尺寸摆放。
  3. 03

    为 Android 和网页导出 GLB

    GLB 是 Google Scene Viewer 和网页组件 <model-viewer> 加载的格式,也是免费下载格式。
  4. 04

    为 Apple 设备导出 USDZ

    USDZ 是 AR Quick Look 在 iPhone、iPad 和 Apple Vision Pro 上的 Safari、信息、邮件、新闻和备忘录中打开的格式。它是付费的工作室导出功能,或者你也可以用免费的 GLB 转 USDZ 转换器 自行转换 GLB。
  5. 05

    检查两个文件

    在免费的 USDZ 查看器 中预览 USDZ,在 GLB 查看器 中预览 GLB。发布前检查纹理是否缺失、三角面数量是否合理。
  6. 06

    通过链接或嵌入代码发布

    将文件托管在 HTTPS 上,并使用下一节的代码。一个 <model-viewer> 标签即可同时服务两个平台。

增强现实模型:各平台的要求

来自 Apple 和 Google 开发者文档的要求,核对于 2026 年 10 月。

iPhone / iPad(AR Quick Look)Android(Scene Viewer)
文件格式USDZglTF 2.0 / GLB
提供方式MIME 类型 model/vnd.usdz+zipHTTPS 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
材质PBRPBR;建议最多 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。

  • 用免费的 网格简化器 减少三角面
  • 我们的 GLB 压缩器 使用 meshopt 和 WebP——对 <model-viewer> 没问题,但 Scene Viewer 未列出这两个扩展,因此在那里使用前请先测试
  • 不要把阴影烘焙进纹理;Scene Viewer 会在物体放置时添加自己的阴影
  • 让物体正面朝向 +Z,以正对观看者

增强现实模型的该做与不该做

推荐做法
  • 在柔和均匀的光线下拍摄商品——纹理来自你的照片
  • 凡是客户会看到的物体,都生成带纹理模型
  • 导出前以米为单位设置真实世界尺寸
  • 上线前在一部 iPhone 和一部 Android 手机上测试
  • 为没有 AR 的用户提供备用图片
避免做法
  • 在源照片中使用光泽反射或强烈阴影
  • 把 50 MB 的文件放到商品页
  • 指望 AI 只凭正面照片猜出商品背面
  • 期待动画——模型是静态的
  • 在需要精确测量的地方使用 AI 模型,比如必须严丝合缝的零件

AI 生成的 AR 内容的真实局限

AI 重建非常适合展示某物的外观,以及它在房间里有多大。但它不是经过测量的扫描:比例接近,但不精确,标签上的小字通常会模糊。如果购物者需要知道一个盒子能否放进 40 cm 的架子,请在页面上 AR 按钮旁注明真实尺寸。

这些模型也不会动。没有骨骼,就没有走路循环或动画角色;静态展示才是它的用途。具体到家具,请参阅 室内设计工作流;想打印同一物体的实体版本,请参阅 照片生成手办。

常见问题

常见问题

AR 3D 模型使用什么文件格式?

iPhone 和 iPad 上的 Apple AR Quick Look 打开 USDZ。Android 的 Scene Viewer 和大多数网页 AR(包括 Google 的 model-viewer 组件)加载 glTF 2.0 或 GLB。SupaVoxel 免费提供 GLB,付费方案提供 USDZ;免费的 GLB 转 USDZ 转换器可在浏览器中把 GLB 转成 USDZ。

如何在 iPhone 上查看用于 AR 的 USDZ?

从 Safari、信息、邮件、新闻或备忘录中打开并点按它;AR Quick Look 会以 3D 展示物体,并允许你切换到 AR。在网站上,请用 rel="ar" 链接包裹单张预览图,并以 model/vnd.usdz+zip MIME 类型提供。

如何在 Android 上以 AR 打开 GLB?

通过指向 arvr.google.com/scene-viewer/1.0 且 file= 设为 GLB 的 HTTPS URL 的 intent 链接,使用 Google 的 Scene Viewer;或用 model-viewer 加 ar 属性嵌入,它会为你启动 Scene Viewer。请保持在约 100,000 三角面和 10 MB 以下。

SupaVoxel 的 AR 3D 模型免费吗?

你可以先用 3 个免费积分,无需绑卡。无纹理模型消耗 1 个积分,并以 GLB 下载。用于 AR 时通常需要带纹理模型(3 个积分)和 USDZ 导出,这需要付费方案,起价每年 $25,含 400 个积分。GLB 转 USDZ 转换器本身免费。

为什么我的 AR 模型尺寸不对?

AI 生成的模型会以任意比例输出。glTF 将 1 单位视为 1 米,因此请在导出前在 Blender 中设置物体的真实尺寸:一个 30 cm 的花瓶应高 0.3 单位。然后用 Scene Viewer 中的 resizable=false 或 model-viewer 中的 ar-scale="fixed" 锁定。

AR 模型可以用于商品页的商业用途吗?

可以,任何付费方案都行。商业许可涵盖商品页和营销用途,前提是你拥有所上传照片的权利——通常是你自己的产品摄影。在把模型放到购买按钮旁之前,请确认它看起来足够还原。

AR 模型可以做成动画吗?

不可以。SupaVoxel 构建的是静态网格,没有骨骼或动画。Scene Viewer 和 AR Quick Look 可以播放文件中已有的动画,但你需要先在 Blender 等其他工具中为模型绑定骨骼并制作动画。

同一个文件能在 iPhone 和 Android 上都做 AR 吗?

在网页上可以。用 Google 的 model-viewer 嵌入 GLB,并加上 ar 属性即可。它默认的 ar-modes 是 webxr、scene-viewer 和 quick-look;如果没有设置 ios-src,它会为 iPhone 实时生成 USDZ。但如果要在网页之外分享(比如通过“信息”发送),你仍然需要单独的 USDZ 文件。

免费开始

用 AR 3D 模型把你的产品“放”进房间

上传一张照片,几分钟就能拿到带贴图的模型,可导出 GLB 和 USDZ。3 个免费额度,无需绑卡。

无需信用卡 · 赠送 3 个免费积分