โมเดล AR 3D จากภาพถ่ายเพียงใบเดียว
สร้างโมเดล AR 3D จากภาพเดียวใน 3 ถึง 5 นาที: GLB สำหรับ Scene Viewer ของ Android และเว็บ, USDZ สำหรับ AR Quick Look บน iPhone และ iPad
- ฟรี 3 เครดิต ไม่ต้องใช้บัตร
- GLB + USDZ
- iPhone, iPad และ Android
วิธีสร้างโมเดล AR 3D ที่ผู้คนวางในห้องได้จริง
ทั้งสองแพลตฟอร์มมือถือมี AR viewer ในตัว คุณต้องมีไฟล์แยกสำหรับแต่ละแพลตฟอร์ม และใส่ขนาดที่ถูกต้องไว้ในไฟล์
- 01
สร้างจากภาพเดียว
อัปโหลดภาพวัตถุชิ้นเดียวที่คมชัดที่นี่หรือใน สตูดิโอ สำหรับ AR ให้สร้างแบบมีเท็กซ์เจอร์ (3 เครดิต แผนเสียเงิน): โมเดลสีเทาดูไม่เสร็จสมบูรณ์เมื่อวางบนโต๊ะจริง โมเดลมีเท็กซ์เจอร์มักใช้เวลา 3 ถึง 5 นาที - 02
กำหนดขนาดจริง
AI ไม่รู้ว่าวัตถุของคุณใหญ่แค่ไหน เปิด GLB ใน Blender กำหนดขนาดเป็นเมตรในแผง N (N panel) ใช้สเกล แล้วส่งออกใหม่ glTF ใช้ 1 unit = 1 m หมายความว่า AR จะวางวัตถุตามขนาดนั้น - 03
ส่งออก GLB สำหรับ Android และเว็บ
GLB คือไฟล์ที่ Scene Viewer ของ Google และคอมโพเนนต์เว็บ<model-viewer>โหลด และยังเป็นไฟล์ดาวน์โหลดฟรี - 04
ส่งออก USDZ สำหรับอุปกรณ์ Apple
USDZ คือรูปแบบที่ AR Quick Look เปิดใน Safari, Messages, Mail, News และ Notes บน iPhone, iPad และ Apple Vision Pro เป็นการส่งออกจากสตูดิโอแบบเสียเงิน หรือแปลง GLB เองด้วย ตัวแปลง GLB เป็น USDZ ฟรี - 05
ตรวจสอบไฟล์ทั้งสอง
ดูตัวอย่าง USDZ ใน USDZ viewer ฟรี และ GLB ใน GLB viewer ตรวจหาเท็กซ์เจอร์ที่หายไปและจำนวนสามเหลี่ยมที่เหมาะสมก่อนเผยแพร่ - 06
เผยแพร่ด้วยลิงก์หรือโค้ดฝัง
โฮสต์ไฟล์บน HTTPS และใช้โค้ดในส่วนถัดไป แท็ก<model-viewer>เดียวสามารถให้บริการได้ทั้งสองแพลตฟอร์ม
โมเดลความเป็นจริงเสริม: แต่ละแพลตฟอร์มต้องใช้อะไร
ข้อกำหนดจากเอกสารนักพัฒนาของ Apple และ Google ตรวจสอบเมื่อตุลาคม 2026
| 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 set ต่อ mesh (ขีดจำกัดตายตัว) |
| ส่วนขยาย | ไม่มี | ระบุเฉพาะ KHR_materials_unlit และ KHR_texture_transform |
| การจัดวางแนว | วางตั้งตรงบนพื้นผิวที่ตรวจพบ | +Y ขึ้น; ด้านหน้าควรหันไปทาง +Z |
| เงา | อย่าเบคเงาลงในเท็กซ์เจอร์ | เงาแข็งถูกเพิ่มอัตโนมัติ – อย่าเบคเข้าไป |
โค้ดฝังสำหรับโมเดล AR 3D บนเว็บไซต์
แท็กเดียวสำหรับทุกมือถือ คอมโพเนนต์เว็บ <model-viewer> ของ Google โหลด GLB และเมื่อมีแอตทริบิวต์ ar จะเสนอ AR บนอุปกรณ์ที่รองรับ ค่าเริ่มต้นของ ar-modes คือ webxr scene-viewer quick-look ตามลำดับความสำคัญนั้น หากคุณไม่ตั้ง ios-src ระบบจะสร้าง USDZ ให้ iPhone แบบทันที ดังนั้น GLB เดียวจึงครอบคลุมทั้งสองแพลตฟอร์ม ตั้ง ar-placement="wall" สำหรับงานศิลปะและกระจก และ ar-scale="fixed" เพื่อไม่ให้ผู้ใช้บีบสินค้าเป็นขนาดผิด
iPhone เท่านั้น ไม่ใช้ JavaScript ลิงก์ USDZ ด้วย rel="ar" ครอบภาพตัวอย่าง <img> หนึ่งภาพ Safari จะเปิด AR Quick Look ในหน้าเดิมแทนการนำทางออกไป และกลับมาที่หน้าของคุณเมื่อออก เซิร์ฟเวอร์ของคุณต้องส่งไฟล์เป็น model/vnd.usdz+zip ไม่เช่นนั้น Safari จะไม่ถือว่าเป็นเนื้อหา AR
Android เท่านั้น ใช้ลิงก์ intent ไปยัง arvr.google.com/scene-viewer/1.0 โดยตั้ง file= เป็น HTTPS URL ของ GLB เพิ่ม mode=ar_only เพื่อข้ามตัวอย่าง 3D (Google บอกว่าอย่าใช้สำหรับลิงก์ที่เปิดจากเบราว์เซอร์), resizable=false เพื่อล็อกขนาดจริง และ title= สำหรับชื่อที่แสดง (ตัดหลัง 60 ตัวอักษร) ใส่ S.browser_fallback_url เพื่อให้คนที่ไม่รองรับ AR ไปยังปลายทางที่เป็นประโยชน์
โมเดล AR 3D ที่สร้างจากภาพเดียว
วัตถุที่ผู้คนวางใน AR จริง: สินค้า ของตกแต่ง และของสะสม หมุนแต่ละชิ้นเพื่อดูเท็กซ์เจอร์ใกล้ ๆ แบบที่นักช้อปจะทำ
USDZ สำหรับ AR: ทำให้ขนาดและน้ำหนักไฟล์พอดี
สองสิ่งทำให้โมเดล AR ดูผิดบนมือถือ: ขนาดผิดและโหลดช้า แก้ขนาดก่อนส่งออก เพราะมันเป็นส่วนหนึ่งของไฟล์: รองเท้าผ้าใบยาว 26 ซม. ควรสูง 0.26 units ใน glTF จากนั้นทำให้ไฟล์เบา คำแนะนำของ Google สำหรับ Scene Viewer คือต่ำกว่า 100,000 สามเหลี่ยม โดยเหมาะที่สุด 30,000–50,000 ต่ำกว่า 10 MB และเท็กซ์เจอร์ไม่ใหญ่กว่า 2048 × 2048
- ลดจำนวนสามเหลี่ยมด้วย mesh simplifier ฟรี
- GLB compressor ของเราใช้ meshopt และ WebP – ใช้ได้ดีกับ
<model-viewer>แต่ Scene Viewer ไม่ได้ระบุส่วนขยายทั้งสอง ดังนั้นทดสอบก่อนใช้ที่นั่น - อย่าเบคเงาลงในเท็กซ์เจอร์; Scene Viewer จะเพิ่มเงาของตัวเองเมื่อวางวัตถุ
- หันด้านหน้าของวัตถุไปทาง +Z เพื่อให้หันเข้าหาผู้ชม
สิ่งที่ควรทำและไม่ควรทำสำหรับโมเดลความเป็นจริงเสริม
- ถ่ายภาพสินค้าในแสงนุ่มสม่ำเสมอ – เท็กซ์เจอร์มาจากภาพของคุณ
- สร้างโมเดลแบบมีเท็กซ์เจอร์สำหรับทุกสิ่งที่ลูกค้าจะเห็น
- กำหนดขนาดจริงเป็นเมตรก่อนส่งออก
- ทดสอบบน iPhone หนึ่งเครื่องและมือถือ Android หนึ่งเครื่องก่อนเปิดตัว
- เตรียมภาพสำรองสำหรับคนที่ไม่รองรับ AR
- อย่าใช้ภาพสะท้อนมันวาวหรือเงาแข็งในภาพต้นฉบับ
- อย่าส่งไฟล์ 50 MB ไปยังหน้าสินค้า
- อย่าพึ่งให้ AI เดาด้านหลังของสินค้าจากภาพด้านหน้าเพียงอย่างเดียว
- อย่าคาดหวังแอนิเมชัน – โมเดลเป็นแบบคงที่
- อย่าใช้โมเดล AI ในงานที่ต้องการขนาดแม่นยำ เช่นชิ้นส่วนที่ต้องประกอบพอดี
ข้อจำกัดตามจริงของเนื้อหา AR ที่สร้างด้วย AI
การสร้างใหม่ด้วย AI ยอดเยี่ยมสำหรับแสดงให้เห็นว่าสิ่งของหน้าตาเป็นอย่างไรและใหญ่แค่ไหนในห้อง แต่ไม่ใช่การสแกนวัดขนาด: สัดส่วนใกล้เคียงแต่ไม่แม่นยำ และข้อความละเอียดบนฉลากมักออกมาพร่ามัว หากนักช้อปต้องรู้ว่ากล่องใส่ชั้นวาง 40 ซม. ได้หรือไม่ ให้ระบุขนาดจริงบนหน้าเว็บข้างปุ่ม AR
โมเดลยังไม่เคลื่อนไหว ไม่มีโครงกระดูก จึงไม่มีรอบเดินหรือตัวละครแอนิเมชัน งานของมันคือการแสดงแบบคงที่ สำหรับเฟอร์นิเจอร์โดยเฉพาะ ดู เวิร์กโฟลว์ออกแบบภายใน; สำหรับเวอร์ชันพิมพ์ของวัตถุเดียวกัน ดู ฟิกเกอร์จากภาพถ่าย
เครื่องมือสำหรับไฟล์ AR
FAQ
คำถามที่พบบ่อย
โมเดล AR 3D ใช้รูปแบบไฟล์อะไร?
ฉันจะดู USDZ สำหรับ AR บน iPhone ได้อย่างไร?
ฉันจะเปิด GLB ใน AR บน Android ได้อย่างไร?
โมเดล AR 3D จาก SupaVoxel ฟรีหรือไม่?
ทำไมโมเดล AR ของฉันขนาดผิด?
ฉันใช้โมเดล AR บนหน้าสินค้าเชิงพาณิชย์ได้หรือไม่?
โมเดล AR ทำให้เป็นแอนิเมชันได้หรือไม่?
ไฟล์เดียวใช้ดู AR ได้ทั้ง iPhone และ Android ไหม?
เครื่องมือและคู่มือที่เกี่ยวข้อง
อ่านต่อ
เริ่มใช้ฟรี
วางสินค้าของคุณไว้ในห้องจริงด้วยโมเดล AR 3D
อัปโหลดรูปเดียว รับโมเดลพร้อมเท็กซ์เจอร์ภายในไม่กี่นาที ส่งออกเป็น GLB และ USDZ ฟรี 3 เครดิต ไม่ต้องใช้บัตร
ไม่ต้องใช้บัตรเครดิต · เริ่มต้นฟรี 3 เครดิต