AR-3D-Modelle aus einem einzigen Foto
Erstelle AR-3D-Modelle aus einem Bild in 3 bis 5 Minuten: GLB für Androids Scene Viewer und das Web, USDZ für AR Quick Look auf iPhone und iPad.
- 3 gratis Credits, keine Karte
- GLB + USDZ
- iPhone, iPad und Android
So erstellst du AR-3D-Modelle, die man im eigenen Raum platzieren kann
Beide Handy-Plattformen haben einen integrierten AR-Viewer. Du brauchst eine Datei pro Plattform – und die richtige Größe direkt im Modell.
- 01
Aus einem Foto generieren
Lade ein scharfes Bild eines einzelnen Objekts hier oder im Studio hoch. Für AR generierst du texturiert (3 Credits, Bezahlplan): Ein graues Modell wirkt auf einem echten Tisch unfertig. Texturierte Modelle dauern in der Regel 3 bis 5 Minuten. - 02
Echte Größe festlegen
Die KI weiß nicht, wie groß dein Objekt ist. Öffne die GLB in Blender, trage die Maße in Metern im N-Panel ein, wende die Skalierung an und exportiere erneut. Bei glTF entspricht 1 Einheit = 1 m, sodass AR das Modell in dieser Größe platziert. - 03
GLB für Android und das Web exportieren
GLB laden Google Scene Viewer und die Web-Komponente<model-viewer>. Es ist außerdem der kostenlose Download. - 04
USDZ für Apple-Geräte exportieren
USDZ ist das Format, das AR Quick Look in Safari, Nachrichten, Mail, News und Notizen auf iPhone, iPad und Apple Vision Pro öffnet. Es ist ein kostenpflichtiger Studio-Export, oder du konvertierst die GLB selbst mit dem kostenlosen GLB-zu-USDZ-Konverter. - 05
Beide Dateien prüfen
Prüfe die USDZ im kostenlosen USDZ-Viewer und die GLB im GLB-Viewer. Achte auf fehlende Texturen und eine sinnvolle Dreieckszahl, bevor du veröffentlichst. - 06
Mit Link oder Embed veröffentlichen
Hoste die Dateien über HTTPS und nutze den Code im nächsten Abschnitt. Ein einziges<model-viewer>-Tag kann beide Plattformen bedienen.
Augmented-Reality-Modelle: Was jede Plattform braucht
Anforderungen aus Apples und Googles Entwicklerdokumentation, geprüft im Oktober 2026.
| iPhone / iPad (AR Quick Look) | Android (Scene Viewer) | |
|---|---|---|
| Dateiformat | USDZ | glTF 2.0 / GLB |
| Bereitstellen als | MIME-Typ model/vnd.usdz+zip | HTTPS-URL |
| Web-Link | <a rel="ar" href="model.usdz"> mit genau einem <img>- oder <picture>-Kind | intent://arvr.google.com/scene-viewer/1.0?file=…-Link |
| Größenlimits | Keine harten Zahlen veröffentlicht; nutze die Android-Zielwerte als sicheres Budget | 100k Dreiecke empfohlen (30–50k ideal), 10 MB, Texturen bis 2048 × 2048 |
| Materialien | PBR | PBR; bis zu 10 Materialien empfohlen, 1 UV-Set pro Mesh (harte Grenze) |
| Erweiterungen | k. A. | Nur KHR_materials_unlit und KHR_texture_transform sind gelistet |
| Ausrichtung | Aufrecht auf einer erkannten Oberfläche platziert | +Y oben; die Vorderseite sollte nach +Z zeigen |
| Schatten | Nicht in die Textur backen | Harte Schatten werden automatisch hinzugefügt – nicht einbacken |
Embed-Code für AR-3D-Modelle auf einer Website
Ein Tag für jedes Handy. Googles <model-viewer>-Webkomponente lädt eine GLB und bietet mit dem ar-Attribut AR auf unterstützten Geräten an. Der Standardwert von ar-modes ist webxr scene-viewer quick-look, in dieser Priorität. Wenn du ios-src nicht setzt, wird für iPhone on the fly eine USDZ generiert, sodass eine einzige GLB beide Plattformen abdeckt. Setze ar-placement="wall" für Kunst und Spiegel und ar-scale="fixed", damit niemand ein Produkt per Pinch auf die falsche Größe zieht.
Nur iPhone, kein JavaScript. Verlinke die USDZ mit rel="ar" und umschließe eine einzelne <img>-Vorschau. Safari öffnet AR Quick Look dann direkt an Ort und Stelle, statt wegzunavigieren, und kehrt beim Beenden zu deiner Seite zurück. Dein Server muss die Datei als model/vnd.usdz+zip ausliefern, sonst behandelt Safari sie nicht als AR-Inhalt.
Nur Android. Nutze einen Intent-Link zu arvr.google.com/scene-viewer/1.0 mit file= auf die HTTPS-URL deiner GLB. Füge mode=ar_only hinzu, um die 3D-Vorschau zu überspringen (Google rät davon ab für Links, die aus einem Browser gestartet werden), resizable=false, um die echte Größe zu sperren, und title= für den angezeigten Namen (nach 60 Zeichen abgeschnitten). Ergänze S.browser_fallback_url, damit Personen ohne AR-Unterstützung an einer sinnvollen Stelle landen.
AR-3D-Modelle aus einem Foto
Objekte, die Menschen tatsächlich in AR platzieren: Produkte, Deko und Sammlerstücke. Drehe jedes Modell, um die Textur aus der Nähe zu beurteilen – so wie es ein Käufer tun würde.
USDZ für AR: Größe und Gewicht richtig hinbekommen
Zwei Dinge lassen ein AR-Modell auf dem Handy falsch wirken: die falsche Größe und ein langsamer Ladevorgang. Korrigiere die Größe vor dem Export, denn sie steckt in der Datei: Ein Sneaker von 26 cm sollte in glTF 0,26 Einheiten hoch sein. Halte die Datei dann leicht. Googles Empfehlung für Scene Viewer liegt unter 100.000 Dreiecken mit 30.000–50.000 ideal, unter 10 MB und Texturen nicht größer als 2048 × 2048.
- Dreiecke mit dem kostenlosen Mesh-Simplifier reduzieren
- Unser GLB-Kompressor nutzt meshopt und WebP – gut für
<model-viewer>, aber Scene Viewer listet keine der beiden Erweiterungen, also teste es vorher dort - Schatten nicht in die Textur backen; Scene Viewer fügt eigene hinzu, wenn das Objekt platziert wird
- Die Vorderseite des Objekts nach +Z ausrichten, damit es den Betrachter anblickt
Was bei Augmented-Reality-Modellen geht – und was nicht
- Produkte bei weichem, gleichmäßigem Licht fotografieren – die Textur stammt aus deinem Bild
- Texturierte Modelle für alles generieren, was Kunden sehen
- Echte Maße in Metern vor dem Export festlegen
- Vor dem Launch auf einem iPhone und einem Android-Handy testen
- Ein Fallback-Bild für Personen ohne AR bereitstellen
- Glänzende Reflexionen oder harte Schatten im Ausgangsfoto vermeiden
- Eine 50-MB-Datei auf eine Produktseite stellen
- Dich darauf verlassen, dass die KI die Rückseite eines Produkts nur anhand der Front errät
- Animation erwarten – die Modelle sind statisch
- KI-Modelle nutzen, wo exakte Maße zählen, etwa bei einem Teil, das passen muss
Ehrliche Grenzen von KI-erstellten AR-Inhalten
Die KI-Rekonstruktion ist hervorragend darin, zu zeigen, wie etwas aussieht und wie groß es in einem Raum ist. Sie ist kein vermessener Scan: Proportionen sind nah dran, aber nicht exakt, und feiner Text auf einem Etikett wird meist unscharf. Wenn ein Käufer wissen muss, ob eine Box in ein 40-cm-Regal passt, gib die echten Maße auf der Seite neben dem AR-Button an.
Die Modelle bewegen sich außerdem nicht. Es gibt kein Skelett, also keine Walk-Cycles oder animierten Charaktere; statische Präsentation ist der Job. Speziell für Möbel siehe den Innenarchitektur-Workflow; für gedruckte Versionen desselben Objekts Figur aus Foto.
Tools für AR-Dateien
FAQ
Häufig gestellte Fragen
Welches Dateiformat nutzen AR-3D-Modelle?
Wie sehe ich eine USDZ für AR auf dem iPhone an?
Wie öffne ich eine GLB auf Android in AR?
Sind AR-3D-Modelle von SupaVoxel kostenlos?
Warum ist mein AR-Modell falsch skaliert?
Kann ich AR-Modelle kommerziell auf einer Produktseite einsetzen?
Können die AR-Modelle animiert werden?
Funktioniert eine Datei im AR auf iPhone und Android?
Verwandte Tools & Ratgeber
Weitermachen
Kostenlos starten
Hol dein Produkt mit AR-3D-Modellen in den Raum
Foto hochladen, in Minuten ein texturiertes Modell erhalten, GLB und USDZ exportieren. 3 Gratis-Credits, keine Karte.
Keine Kreditkarte erforderlich · 3 kostenlose Credits zum Start