SupaVoxel
Augmented reality-modellen

AR 3D-modellen uit één foto

Maak in 3 tot 5 minuten AR 3D-modellen van één foto: GLB voor Android Scene Viewer en het web, USDZ voor AR Quick Look op iPhone en iPad.

  • 3 gratis credits, geen creditcard
  • GLB + USDZ
  • iPhone, iPad en Android
Bijgewerkt oktober 2026
3–5 min
Normale generatie met textuur
100k
Aanbevolen driehoekenlimiet van Google voor Scene Viewer
10 MB
Aanbevolen maximale bestandsgrootte voor Scene Viewer
1 unit = 1 m
glTF-schaal, zodat AR op ware grootte plaatst

Zo maak je AR 3D-modellen die mensen in hun kamer kunnen plaatsen

Beide telefoonplatforms hebben een ingebouwde AR-viewer. Je hebt één bestand per platform nodig, met de juiste grootte erin verwerkt.

  1. 01

    Genereer van één foto

    Upload een scherpe foto van één object hier of in de studio. Genereer voor AR met textuur (3 credits, betaald plan): een grijs model ziet er onaf uit op een echte tafel. Modellen met textuur duren meestal 3 tot 5 minuten.
  2. 02

    Stel de echte grootte in

    De AI weet niet hoe groot je object is. Open de GLB in Blender, stel de afmetingen in meters in via het N-paneel, pas de schaal toe en exporteer opnieuw. Bij glTF is 1 eenheid = 1 m, dus AR plaatst het op die grootte.
  3. 03

    Exporteer GLB voor Android en het web

    GLB is wat Google's Scene Viewer en de webcomponent <model-viewer> laden. Het is ook de gratis download.
  4. 04

    Exporteer USDZ voor Apple-apparaten

    USDZ is het formaat dat AR Quick Look opent in Safari, Berichten, Mail, Nieuws en Notities op iPhone, iPad en Apple Vision Pro. Het is een betaalde studio-export, of converteer de GLB zelf met de gratis GLB naar USDZ-converter.
  5. 05

    Controleer beide bestanden

    Bekijk de USDZ in de gratis USDZ-viewer en de GLB in de GLB-viewer. Let op ontbrekende texturen en een redelijk aantal driehoeken voordat je publiceert.
  6. 06

    Publiceer met een link of een embed

    Host de bestanden op HTTPS en gebruik de code in de volgende sectie. Eén <model-viewer>-tag kan beide platforms bedienen.

Augmented reality-modellen: wat elk platform nodig heeft

Vereisten uit de ontwikkelaarsdocumentatie van Apple en Google, gecontroleerd in oktober 2026.

iPhone / iPad (AR Quick Look)Android (Scene Viewer)
BestandsformaatUSDZglTF 2.0 / GLB
Serveren alsMIME-type model/vnd.usdz+zipHTTPS-URL
Weblink<a rel="ar" href="model.usdz"> met precies één <img>- of <picture>-kindintent://arvr.google.com/scene-viewer/1.0?file=…-link
GroottelimietenGeen harde cijfers gepubliceerd; gebruik de Android-doelen als veilige richtlijn100k driehoeken aanbevolen (30–50k ideaal), 10 MB, texturen tot 2048 × 2048
MaterialenPBRPBR; maximaal 10 materialen aanbevolen, 1 UV-set per mesh (harde limiet)
Extensiesn.v.t.Alleen KHR_materials_unlit en KHR_texture_transform worden vermeld
OriëntatieRechtop geplaatst op een gedetecteerd oppervlak+Y omhoog; de voorkant moet naar +Z wijzen
SchaduwenBak ze niet in de textuurHarde schaduwen worden automatisch toegevoegd – bak ze niet in

Embedcode voor AR 3D-modellen op een website

Eén tag voor elke telefoon. De webcomponent <model-viewer> van Google laadt een GLB en biedt met het ar-attribuut AR aan op ondersteunde apparaten. De standaardwaarde van ar-modes is webxr scene-viewer quick-look, in die prioriteit. Als je ios-src niet instelt, genereert de component ter plekke een USDZ voor iPhone, zodat één GLB beide platforms dekt. Stel ar-placement="wall" in voor kunst en spiegels, en ar-scale="fixed" om te voorkomen dat mensen een product naar de verkeerde maat knijpen.

Alleen iPhone, zonder JavaScript. Link de USDZ met rel="ar" en wikkel er één <img>-voorbeeld omheen. Safari opent AR Quick Look dan ter plekke in plaats van weg te navigeren, en keert bij afsluiten terug naar je pagina. Je server moet het bestand als model/vnd.usdz+zip versturen, anders ziet Safari het niet als AR-inhoud.

Alleen Android. Gebruik een intent-link naar arvr.google.com/scene-viewer/1.0 met file= ingesteld op de HTTPS-URL van je GLB. Voeg mode=ar_only toe om het 3D-voorbeeld over te slaan (Google zegt dit niet te gebruiken voor links die vanuit een browser worden gestart), resizable=false om de ware schaal vast te zetten, en title= voor de getoonde naam (afgekapt na 60 tekens). Neem S.browser_fallback_url op zodat mensen zonder AR-ondersteuning ergens nuttigs terechtkomen.

AR 3D-modellen gemaakt van één foto

Objecten die mensen echt in AR plaatsen: producten, decoratie en verzamelobjecten. Draai elk model om de textuur van dichtbij te beoordelen, zoals een shopper dat zou doen.

Hardloopschoen – een productmodel voor de knop "bekijk in je kamer" op een schoenenpagina
Vintage filmcamera – een klein object dat op ware grootte goed overkomt op een bureau
Tuinkabouterbeeld – decor om te bekijken op een echt terras
Speelgoeddinosaurus – een verzamelobject dat kinderen op de vloer kunnen zetten
Versierd sieradendoosje – fijne emailltextuur voor een productpagina van een cadeauwinkel
Messing kandelaar – decor met een duidelijk silhouet

USDZ voor AR: de juiste afmetingen en bestandsgrootte

Twee dingen zorgen ervoor dat een AR-model op een telefoon verkeerd aanvoelt: de verkeerde grootte en een trage laadtijd. Zet de grootte vóór de export goed, want die zit in het bestand: een sneaker van 26 cm moet in glTF 0.26 eenheden hoog zijn. Houd het bestand daarna licht. De richtlijn van Google voor Scene Viewer is minder dan 100,000 driehoeken, met 30,000–50,000 als ideaal, minder dan 10 MB en texturen van maximaal 2048 × 2048.

  • Verminder driehoeken met de gratis mesh-simplifier
  • Onze GLB-compressor gebruikt meshopt en WebP – prima voor <model-viewer>, maar Scene Viewer vermeldt geen van beide extensies, dus test het voordat je het daar gebruikt
  • Bak geen schaduwen in de textuur; Scene Viewer voegt zijn eigen schaduwen toe wanneer het object wordt geplaatst
  • Laat de voorkant van het object naar +Z wijzen, zodat het de kijker begroet

Do's en don'ts voor augmented reality-modellen

Doen
  • Fotografeer producten in zacht, gelijkmatig licht – de textuur komt uit je foto
  • Genereer modellen met textuur voor alles wat klanten te zien krijgen
  • Stel de afmetingen in de echte wereld in meters in vóór de export
  • Test vóór de lancering op één iPhone en één Android-telefoon
  • Bied een fallback-afbeelding voor mensen zonder AR
Vermijden
  • Gebruik glanzende reflecties of harde schaduwen in de bronfoto
  • Zet een bestand van 50 MB op een productpagina
  • Vertrouw erop dat de AI de achterkant van een product raadt op basis van alleen de voorkant
  • Verwacht animatie – de modellen zijn statisch
  • Gebruik AI-modellen waar exacte afmetingen belangrijk zijn, zoals een onderdeel dat moet passen

Eerlijke beperkingen van AI-gemaakte AR-content

AI-reconstructie is uitstekend om te laten zien hoe iets eruitziet en hoe groot het in een kamer is. Het is geen gemeten scan: verhoudingen kloppen bij benadering, niet exact, en fijne tekst op een label wordt meestal wazig. Als een shopper wil weten of een doos in een plank van 40 cm past, vermeld dan de echte afmetingen op de pagina naast de AR-knop.

De modellen bewegen ook niet. Er is geen skelet, dus geen loopcycli of geanimeerde personages; statische weergave is het doel. Voor meubels specifiek, zie de interieurontwerp-workflow; voor geprinte versies van hetzelfde object, beeldje van foto.

FAQ

Veelgestelde vragen

Welk bestandsformaat gebruiken AR 3D-modellen?

AR Quick Look van Apple op iPhone en iPad opent USDZ. Scene Viewer van Android en de meeste web-AR, inclusief de model-viewer-component van Google, laden glTF 2.0 of GLB. SupaVoxel geeft je GLB gratis en USDZ bij betaalde plannen, en de gratis GLB naar USDZ-converter zet een GLB in je browser om naar USDZ.

Hoe bekijk ik een USDZ voor AR op iPhone?

Open hem vanuit Safari, Berichten, Mail, Nieuws of Notities en tik erop; AR Quick Look toont het object in 3D en laat je overschakelen naar AR. Link hem op een website met rel="ar" rond één voorbeeldafbeelding en lever hem met het MIME-type model/vnd.usdz+zip.

Hoe open ik een GLB in AR op Android?

Gebruik Scene Viewer van Google via een intent-link naar arvr.google.com/scene-viewer/1.0 met file= ingesteld op de HTTPS-URL van de GLB, of embed hem met model-viewer en het ar-attribuut, dat Scene Viewer voor je start. Houd het onder ongeveer 100,000 driehoeken en 10 MB.

Zijn AR 3D-modellen van SupaVoxel gratis?

Je kunt beginnen met 3 gratis credits, zonder creditcard. Een model zonder textuur kost 1 credit en download je als GLB. Voor AR wil je meestal modellen met textuur (3 credits) en USDZ-export, waarvoor een betaald plan nodig is vanaf $25 per jaar voor 400 credits. De GLB naar USDZ-converter zelf is gratis.

Waarom heeft mijn AR-model de verkeerde grootte?

AI-gegenereerde modellen komen op een willekeurige schaal uit. glTF behandelt 1 eenheid als 1 meter, dus stel de echte afmetingen van het object in Blender in vóór de export: een vaas van 30 cm moet 0.3 eenheden hoog zijn. Zet dat daarna vast met resizable=false in Scene Viewer of ar-scale="fixed" in model-viewer.

Kan ik AR-modellen commercieel gebruiken op een productpagina?

Ja, bij elk betaald plan. De commerciële licentie dekt productpagina's en marketing, zolang je de rechten bezit op de foto die je hebt geüpload – meestal je eigen productfotografie. Controleer of het model trouw lijkt voordat je het naast een koopknop zet.

Kunnen de AR-modellen geanimeerd worden?

Nee. SupaVoxel bouwt statische meshes zonder skelet of animatie. Scene Viewer en AR Quick Look kunnen animatie afspelen die in een bestand zit, maar dan moet je het model eerst in een ander programma riggen en animeren, bijvoorbeeld Blender.

Werkt één bestand in AR op zowel iPhone als Android?

Op een website wel. Embed de GLB met Google's model-viewer en het ar-attribuut. De standaard ar-modes zijn webxr, scene-viewer en quick-look, en zonder ios-src wordt er voor iPhone ter plekke een USDZ gegenereerd. Voor delen buiten het web, bijvoorbeeld via Berichten, heb je nog steeds een apart USDZ-bestand nodig.

Gratis starten

Zet je product in de kamer met AR 3D-modellen

Upload een foto, krijg binnen enkele minuten een getextureerd model en exporteer GLB en USDZ. 3 gratis credits, geen creditcard.

Geen creditcard nodig · 3 gratis credits om te starten