SupaVoxel
Mô hình thực tế tăng cường

Mô hình AR 3D từ một bức ảnh duy nhất

Tạo mô hình AR 3D từ một bức ảnh trong 3 đến 5 phút: GLB cho Scene Viewer trên Android và cho web, USDZ cho AR Quick Look trên iPhone và iPad.

  • 3 tín dụng miễn phí, không cần thẻ
  • GLB + USDZ
  • iPhone, iPad và Android
Đã cập nhật tháng 10 năm 2026
3–5 phút
Thời gian tạo có texture thông thường
100k
Giới hạn số tam giác Google khuyến nghị cho Scene Viewer
10 MB
Dung lượng tối đa Scene Viewer khuyến nghị
1 đơn vị = 1 m
Tỷ lệ glTF, để AR đặt đúng kích thước thật

Cách tạo mô hình AR 3D để mọi người đặt được trong phòng của họ

Cả hai nền tảng điện thoại đều có sẵn trình xem AR. Bạn cần một file cho mỗi nền tảng, với đúng kích thước được đưa vào sẵn.

  1. 01

    Tạo từ một bức ảnh

    Tải lên một bức ảnh sắc nét của một vật thể duy nhất tại đây hoặc trong studio. Với AR, hãy tạo bản có texture (3 tín dụng, gói trả phí): mô hình xám trông như chưa hoàn thiện khi đặt trên mặt bàn thật. Mô hình có texture thường mất 3 đến 5 phút.
  2. 02

    Đặt kích thước thật

    AI không biết vật thể của bạn lớn cỡ nào. Mở GLB trong Blender, đặt kích thước bằng mét trong bảng N, áp dụng scale rồi xuất lại. Với glTF, 1 đơn vị = 1 m, nên AR sẽ đặt vật thể đúng kích thước đó.
  3. 03

    Xuất GLB cho Android và web

    GLB là định dạng mà Scene Viewer của Google và thành phần web <model-viewer> tải về. Đây cũng là bản tải miễn phí.
  4. 04

    Xuất USDZ cho thiết bị Apple

    USDZ là định dạng mà AR Quick Look mở trong Safari, Messages, Mail, News và Notes trên iPhone, iPad và Apple Vision Pro. Đây là bản xuất của gói studio trả phí, hoặc bạn tự chuyển GLB bằng công cụ chuyển GLB sang USDZ miễn phí.
  5. 05

    Kiểm tra cả hai file

    Xem trước USDZ trong trình xem USDZ miễn phí và GLB trong trình xem GLB. Hãy để ý texture bị thiếu và số tam giác hợp lý trước khi xuất bản.
  6. 06

    Xuất bản bằng link hoặc mã nhúng

    Lưu file trên HTTPS và dùng đoạn mã ở phần tiếp theo. Một thẻ <model-viewer> có thể phục vụ cả hai nền tảng.

Mô hình thực tế tăng cường: mỗi nền tảng cần gì

Yêu cầu lấy từ tài liệu nhà phát triển của Apple và Google, kiểm tra tháng 10 năm 2026.

iPhone / iPad (AR Quick Look)Android (Scene Viewer)
Định dạng fileUSDZglTF 2.0 / GLB
Phục vụ dưới dạngMIME type model/vnd.usdz+zipURL HTTPS
Link web<a rel="ar" href="model.usdz"> với đúng một phần tử con <img> hoặc <picture>link intent://arvr.google.com/scene-viewer/1.0?file=…
Giới hạn kích thướcKhông có con số chính thức nào được công bố; hãy lấy mục tiêu của Android làm hạn mức an toànKhuyến nghị 100k tam giác (lý tưởng 30–50k), 10 MB, texture tối đa 2048 × 2048
Vật liệuPBRPBR; khuyến nghị tối đa 10 vật liệu, 1 bộ UV cho mỗi mesh (giới hạn cứng)
Tiện ích mở rộngkhông áp dụngChỉ có KHR_materials_unlit và KHR_texture_transform được liệt kê
HướngĐặt dựng đứng trên bề mặt được phát hiện+Y hướng lên; mặt trước nên hướng về +Z
Bóng đổĐừng bake chúng vào textureBóng đổ cứng được thêm tự động – đừng bake vào texture

Mã nhúng cho mô hình AR 3D trên website

Một thẻ cho mọi điện thoại. Thành phần web <model-viewer> của Google tải GLB và, với thuộc tính ar, cung cấp AR trên các thiết bị hỗ trợ. Giá trị ar-modes mặc định là webxr scene-viewer quick-look, theo đúng thứ tự ưu tiên đó. Nếu bạn không đặt ios-src, nó sẽ tạo USDZ ngay lúc chạy cho iPhone, nên chỉ một GLB là đủ cho cả hai nền tảng. Đặt ar-placement="wall" cho tranh ảnh và gương, và ar-scale="fixed" để người dùng không thể chụm tay thu phóng sản phẩm sai kích thước.

Chỉ iPhone, không cần JavaScript. Liên kết file USDZ với rel="ar", bọc quanh một ảnh xem trước <img> duy nhất. Safari sẽ mở AR Quick Look ngay tại chỗ thay vì chuyển trang, và quay lại trang của bạn khi thoát. Máy chủ của bạn phải gửi file với MIME type model/vnd.usdz+zip, nếu không Safari sẽ không coi đó là nội dung AR.

Chỉ Android. Dùng link intent tới arvr.google.com/scene-viewer/1.0 với file= là URL HTTPS của GLB. Thêm mode=ar_only để bỏ qua phần xem trước 3D (Google khuyên không dùng cho link mở từ trình duyệt), resizable=false để khóa đúng tỷ lệ thật, và title= cho tên hiển thị (bị cắt sau 60 ký tự). Nhớ kèm S.browser_fallback_url để người không hỗ trợ AR vẫn tới được một trang hữu ích.

Mô hình AR 3D tạo từ một bức ảnh

Những vật thể mà người ta thực sự đặt trong AR: sản phẩm, đồ trang trí và đồ sưu tầm. Xoay từng mô hình để đánh giá texture ở cự ly gần, đúng như cách người mua hàng vẫn làm.

Giày sneaker đang chạy – mô hình sản phẩm cho nút "xem trong phòng của bạn" trên trang bán giày
Máy ảnh phim cổ điển – vật thể nhỏ, hiển thị đẹp ở kích thước thật trên bàn làm việc
Tượng thần lùn làm vườn – đồ trang trí để xem trước trên sân thật
Khủng long đồ chơi – món đồ sưu tầm mà trẻ có thể đặt xuống sàn
Hộp trang sức chạm khắc – texture men tinh xảo cho trang sản phẩm của cửa hàng quà tặng
Chân nến bằng đồng – đồ trang trí có đường nét rõ ràng

USDZ cho AR: chỉnh đúng kích thước và dung lượng

Hai điều khiến mô hình AR trông sai trên điện thoại: sai kích thước và tải chậm. Hãy chỉnh kích thước trước khi xuất, vì nó nằm ngay trong file: một đôi giày 26 cm phải cao 0,26 đơn vị trong glTF. Sau đó giữ file cho nhẹ. Hướng dẫn của Google cho Scene Viewer là dưới 100.000 tam giác, lý tưởng 30.000–50.000, dưới 10 MB và texture không lớn hơn 2048 × 2048.

  • Giảm số tam giác với công cụ đơn giản hóa lưới miễn phí
  • Công cụ nén GLB của chúng tôi dùng meshopt và WebP – ổn cho <model-viewer>, nhưng Scene Viewer không liệt kê cả hai tiện ích này, nên hãy kiểm tra trước khi dùng ở đó
  • Đừng bake bóng đổ vào texture; Scene Viewer tự thêm bóng khi vật thể được đặt xuống
  • Hướng mặt trước của vật thể về phía +Z để nó đối diện người xem

Nên và không nên với mô hình thực tế tăng cường

Nên làm
  • Chụp sản phẩm trong ánh sáng mềm và đều – texture đến từ chính bức ảnh của bạn
  • Tạo mô hình có texture cho mọi thứ khách hàng sẽ nhìn thấy
  • Đặt kích thước thực tế bằng mét trước khi xuất
  • Kiểm tra trên một chiếc iPhone và một chiếc Android trước khi ra mắt
  • Cung cấp ảnh dự phòng cho người không có AR
Nên tránh
  • Dùng phản xạ bóng loáng hoặc bóng đổ gắt trong ảnh gốc
  • Đẩy file 50 MB lên trang sản phẩm
  • Trông chờ AI đoán mặt sau của sản phẩm chỉ từ ảnh mặt trước
  • Mong có animation – mô hình là dạng tĩnh
  • Dùng mô hình AI khi số đo chính xác là quan trọng, ví dụ một bộ phận phải khớp

Giới hạn thật của nội dung AR do AI tạo ra

Khả năng tái tạo bằng AI rất tốt để cho thấy một vật trông thế nào và lớn cỡ nào trong phòng. Nhưng đây không phải bản quét có số đo: tỷ lệ chỉ gần đúng chứ không chính xác, và chữ nhỏ trên nhãn thường bị mờ. Nếu người mua cần biết một chiếc hộp có vừa kệ 40 cm hay không, hãy ghi kích thước thật trên trang, ngay cạnh nút AR.

Mô hình cũng không chuyển động. Không có bộ xương, nên không có chu kỳ đi bộ hay nhân vật động; công việc ở đây là trưng bày tĩnh. Riêng với đồ nội thất, xem quy trình thiết kế nội thất; để in ra phiên bản của cùng vật thể, xem tượng nhỏ từ ảnh.

Hỏi đáp

Câu hỏi thường gặp

Mô hình AR 3D dùng định dạng file nào?

AR Quick Look của Apple trên iPhone và iPad mở file USDZ. Scene Viewer trên Android và phần lớn AR trên web, bao gồm thành phần model-viewer của Google, tải glTF 2.0 hoặc GLB. SupaVoxel cho bạn GLB miễn phí và USDZ ở gói trả phí, còn công cụ chuyển GLB sang USDZ miễn phí sẽ đổi GLB thành USDZ ngay trong trình duyệt.

Làm sao xem file USDZ cho AR trên iPhone?

Mở từ Safari, Messages, Mail, News hoặc Notes rồi chạm vào file; AR Quick Look sẽ hiển thị vật thể ở dạng 3D và cho phép chuyển sang AR. Trên website, hãy liên kết với rel="ar" bọc quanh một ảnh xem trước duy nhất, và phục vụ file với MIME type model/vnd.usdz+zip.

Làm sao mở GLB trong AR trên Android?

Dùng Scene Viewer của Google qua link intent tới arvr.google.com/scene-viewer/1.0 với file= là URL HTTPS của GLB, hoặc nhúng bằng model-viewer kèm thuộc tính ar để nó tự khởi chạy Scene Viewer. Giữ dưới khoảng 100.000 tam giác và 10 MB.

Mô hình AR 3D từ SupaVoxel có miễn phí không?

Bạn bắt đầu với 3 tín dụng miễn phí, không cần thẻ. Mô hình không có texture tốn 1 tín dụng và tải về dạng GLB. Với AR, bạn thường sẽ muốn mô hình có texture (3 tín dụng) và xuất USDZ, những thứ này cần gói trả phí từ $25 một năm cho 400 tín dụng. Riêng công cụ chuyển GLB sang USDZ là miễn phí.

Vì sao mô hình AR của tôi bị sai kích thước?

Mô hình do AI tạo ra có tỷ lệ tùy ý. glTF coi 1 đơn vị là 1 mét, nên hãy đặt kích thước thật của vật thể trong Blender trước khi xuất: một bình hoa 30 cm phải cao 0,3 đơn vị. Sau đó khóa lại bằng resizable=false trong Scene Viewer hoặc ar-scale="fixed" trong model-viewer.

Tôi có thể dùng mô hình AR trên trang sản phẩm cho mục đích thương mại không?

Được, với bất kỳ gói trả phí nào. Giấy phép thương mại bao gồm trang sản phẩm và tiếp thị, miễn là bạn sở hữu quyền với bức ảnh đã tải lên – thường là ảnh sản phẩm do chính bạn chụp. Hãy kiểm tra xem mô hình có trung thực không trước khi đặt nó cạnh nút mua hàng.

Mô hình AR có thể tạo animation không?

Không. SupaVoxel tạo lưới tĩnh, không có bộ xương hay animation. Scene Viewer và AR Quick Look có thể phát animation nếu file có sẵn, nhưng trước tiên bạn sẽ phải rig và làm animation cho mô hình trong một công cụ khác, ví dụ Blender.

Một file có dùng được AR trên cả iPhone và Android?

Trên website thì có. Nhúng file GLB bằng model-viewer của Google kèm thuộc tính ar. Thuộc tính ar-modes mặc định gồm webxr, scene-viewer và quick-look, và nếu không có ios-src thì nó sẽ tự tạo file USDZ cho iPhone. Còn để chia sẻ ngoài web, ví dụ qua Messages, bạn vẫn cần thêm một file USDZ riêng.

Bắt đầu miễn phí

Đưa sản phẩm của bạn vào căn phòng với mô hình 3D AR

Tải ảnh lên, nhận mô hình có texture trong vài phút, xuất GLB và USDZ. 3 credit miễn phí, không cần thẻ.

Không cần thẻ tín dụng · 3 credit miễn phí khi bắt đầu