SupaVoxel
Augmented-Reality-Modelle

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
Aktualisiert Oktober 2026
3–5 Min.
Typische texturierte Generierung
100k
Von Google empfohlenes Dreieckslimit für Scene Viewer
10 MB
Empfohlene maximale Dateigröße für Scene Viewer
1 Einheit = 1 m
glTF-Maßstab, damit AR die echte Größe platziert

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.

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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)
DateiformatUSDZglTF 2.0 / GLB
Bereitstellen alsMIME-Typ model/vnd.usdz+zipHTTPS-URL
Web-Link<a rel="ar" href="model.usdz"> mit genau einem <img>- oder <picture>-Kindintent://arvr.google.com/scene-viewer/1.0?file=…-Link
GrößenlimitsKeine harten Zahlen veröffentlicht; nutze die Android-Zielwerte als sicheres Budget100k Dreiecke empfohlen (30–50k ideal), 10 MB, Texturen bis 2048 × 2048
MaterialienPBRPBR; bis zu 10 Materialien empfohlen, 1 UV-Set pro Mesh (harte Grenze)
Erweiterungenk. A.Nur KHR_materials_unlit und KHR_texture_transform sind gelistet
AusrichtungAufrecht auf einer erkannten Oberfläche platziert+Y oben; die Vorderseite sollte nach +Z zeigen
SchattenNicht in die Textur backenHarte 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.

Laufender Sneaker – ein Produktmodell für den „In deinem Raum ansehen“-Button einer Schuhseite
Vintage-Filmkamera – ein kleines Objekt, das in echter Größe auf einem Schreibtisch gut wirkt
Gartenzwerg-Statue – Deko zur Vorschau auf einer echten Terrasse
Spielzeugdinosaurier – ein Sammlerstück, das Kinder auf den Boden stellen können
Verzierte Schmuckschatulle – feine Emaille-Textur für eine Produktseite im Geschenkeladen
Messing-Kerzenhalter – Deko mit klarer Silhouette

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

Das solltest du tun
  • 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
Das solltest du vermeiden
  • 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.

FAQ

Häufig gestellte Fragen

Welches Dateiformat nutzen AR-3D-Modelle?

Apples AR Quick Look auf iPhone und iPad öffnet USDZ. Androids Scene Viewer und die meisten Web-AR-Anwendungen, einschließlich Googles model-viewer-Komponente, laden glTF 2.0 oder GLB. SupaVoxel liefert dir GLB kostenlos und USDZ in Bezahlplänen, und der kostenlose GLB-zu-USDZ-Konverter verwandelt eine GLB in deinem Browser in USDZ.

Wie sehe ich eine USDZ für AR auf dem iPhone an?

Öffne sie aus Safari, Nachrichten, Mail, News oder Notizen und tippe sie an; AR Quick Look zeigt das Objekt in 3D und lässt dich zu AR wechseln. Auf einer Website verlinkst du sie mit rel="ar" um ein einzelnes Vorschaubild und lieferst sie mit dem MIME-Typ model/vnd.usdz+zip aus.

Wie öffne ich eine GLB auf Android in AR?

Nutze Google Scene Viewer über einen Intent-Link zu arvr.google.com/scene-viewer/1.0 mit file= auf die HTTPS-URL der GLB, oder bette sie mit model-viewer und dem ar-Attribut ein, das Scene Viewer für dich startet. Bleibe unter etwa 100.000 Dreiecken und 10 MB.

Sind AR-3D-Modelle von SupaVoxel kostenlos?

Du kannst mit 3 gratis Credits starten, ohne Karte. Ein untexturiertes Modell kostet 1 Credit und wird als GLB heruntergeladen. Für AR willst du meist texturierte Modelle (3 Credits) und USDZ-Export, die einen Bezahlplan ab 25 $ pro Jahr für 400 Credits erfordern. Der GLB-zu-USDZ-Konverter selbst ist kostenlos.

Warum ist mein AR-Modell falsch skaliert?

KI-generierte Modelle kommen in einem beliebigen Maßstab heraus. glTF behandelt 1 Einheit als 1 Meter, lege also die echten Maße des Objekts in Blender vor dem Export fest: Eine 30-cm-Vase sollte 0,3 Einheiten hoch sein. Sperre sie dann mit resizable=false in Scene Viewer oder ar-scale="fixed" in model-viewer.

Kann ich AR-Modelle kommerziell auf einer Produktseite einsetzen?

Ja, in jedem Bezahlplan. Die kommerzielle Lizenz deckt Produktseiten und Marketing ab, solange du die Rechte an dem hochgeladenen Foto besitzt – normalerweise deine eigene Produktfotografie. Prüfe, ob das Modell originalgetreu aussieht, bevor du es neben einen Kauf-Button setzt.

Können die AR-Modelle animiert werden?

Nein. SupaVoxel erstellt statische Meshes ohne Skelett oder Animation. Scene Viewer und AR Quick Look können Animationen abspielen, die in einer Datei vorhanden sind, aber du müsstest das Modell zuerst in einem anderen Tool riggen und animieren, zum Beispiel in Blender.

Funktioniert eine Datei im AR auf iPhone und Android?

Auf einer Website: ja. Binde die GLB mit dem model-viewer von Google und dem Attribut ar ein. Die Standard-ar-modes sind webxr, scene-viewer und quick-look, und ohne ios-src wird fürs iPhone spontan eine USDZ erzeugt. Willst du außerhalb des Webs teilen, etwa in Messages, brauchst du weiterhin eine separate USDZ-Datei.

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