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á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.
- 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. - 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 đó. - 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í. - 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í. - 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. - 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 file | USDZ | glTF 2.0 / GLB |
| Phục vụ dưới dạng | MIME type model/vnd.usdz+zip | URL 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ước | Khô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àn | Khuyến nghị 100k tam giác (lý tưởng 30–50k), 10 MB, texture tối đa 2048 × 2048 |
| Vật liệu | PBR | PBR; 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ộng | không áp dụng | Chỉ 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 texture | Bó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.
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
- 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
- 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.
Công cụ cho file AR
Hỏi đáp
Câu hỏi thường gặp
Mô hình AR 3D dùng định dạng file nào?
Làm sao xem file USDZ cho AR trên iPhone?
Làm sao mở GLB trong AR trên Android?
Mô hình AR 3D từ SupaVoxel có miễn phí không?
Vì sao mô hình AR của tôi bị sai kích thước?
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?
Mô hình AR có thể tạo animation không?
Một file có dùng được AR trên cả iPhone và Android?
Công cụ & hướng dẫn liên quan
Tiếp tục
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