Was ist glTF?

Definition glTF / GLB

glTF (GL Transmission Format) ist ein offenes 3D-Format der Khronos Group für die Übertragung und Darstellung von Modellen, Materialien und Animationen. GLB ist die binäre Containerform. Sie kann die benötigten Daten in einer Datei bündeln. Für Produktseiten ist vor allem entscheidend, wie gut das Modell im vorgesehenen Viewer funktioniert. So kannst du beispielsweise ein Möbelstück auf einer Produktseite von mehreren Seiten betrachten und seine vorbereiteten Materialien anzeigen. Dateigröße und Materialwirkung hängen vom Modell und dem Zielviewer ab. Die glTF-Spezifikation beschreibt das Format; die Grundlagen unserer Bildproduktion findest du unter 3D-Visualisierung.

‍

Warum lohnt sich glTF für Marken?

Technik-Grundlagen

• Dateiaufbau: Eine .gltf-Datei beschreibt die Szene in JSON. Geometrie und Bilder können separat oder eingebettet vorliegen. Auch eine GLB-Datei kann externe Verweise enthalten.
• Materialien: Der Kern verwendet PBR Metallic-Roughness. Zusätzliche Eigenschaften benötigen passende Erweiterungen und Unterstützung im Zielviewer.
• Kompression: Draco oder Meshopt können Geometriedaten verkleinern. Einsparung, Dekodierzeit und Qualitätsänderungen müssen am konkreten Modell geprüft werden.
• Materialvarianten: KHR_materials_variants ordnet vorhandener Geometrie vorbereitete Materialvarianten zu. Produktregeln, Preise und Geometrieänderungen eines Konfigurators sind damit nicht umgesetzt.

Der glTF-Exporter von Blender dokumentiert unterstützte Materialien und Animationen. Prüfe vor der Produktion, welche Funktionen dein Exporter und die Zielanwendung gemeinsam unterstützen. Weitere Quellen: Shopify zu 3D-Produktmedien, Khronos zu Transmission und KTX2-Texturen.

‍

Praxis-Vergleich: glTF vs FBX vs USDZ

Und OBJ? OBJ eignet sich vor allem zur Übergabe statischer Geometrie, UV-Koordinaten und Normalen; Materialien werden üblicherweise über eine separate MTL-Datei beschrieben. glTF ergänzt dafür ein standardisiertes PBR-Materialmodell, Szenenhierarchien und Animationen für Echtzeitanwendungen. Für einen interaktiven Produktviewer ist glTF daher oft der direktere Auslieferungsweg. Eine vorhandene OBJ-Datei kann als Ausgangspunkt dienen; die Materialien solltest du beim Export neu prüfen.

‍

Workflow: glTF-Export in 6 Schritten

1. Produkt und Ziel klären: Maße, Referenzen, Zielviewer und benötigte Varianten festlegen. CAD-Geometrie aufbereiten oder ein geeignetes Modell erstellen. Dazu unsere 3D-Modellierung.
2. Geometrie und UVs vorbereiten: Silhouette, Normalen, Nähte und Texturdichte prüfen. Überlappende UV-Bereiche können bewusst verwendet werden; individuelle gebackene Details brauchen passende eigene Bereiche. Siehe UV Mapping.
3. Materialien übersetzen: Base Color, Normal Map, Roughness und Metalness korrekt zuweisen. Nicht unterstützte Shaderfunktionen vereinfachen oder geeignete Details backen. Arbiträre Shadergraphen werden nicht unverändert mitgeliefert.
4. Animation und Detailstufen prüfen: Benötigte Skelettanimationen und Morph Targets exportieren und testen. Zusätzliche Modellstufen nur anlegen, wenn die Zielanwendung sie wirklich verwendet; feste Reduktionsprozente ersetzen keine Sichtprüfung.
5. Export gezielt optimieren: .gltf oder .glb passend zum Auslieferungsweg wählen. Kompression nur aktivieren, wenn der Viewer den Decoder unterstützt. Produktkonturen und Materialdetails mit der unkomprimierten Referenz vergleichen.
6. Struktur und Darstellung testen: Den Khronos glTF Validator für Formatfehler nutzen und das Modell im vorgesehenen Viewer ansehen. Unser 3D-Viewer hilft bei der interaktiven Sichtprüfung. Vergleiche dabei Maße, Silhouette, Farben und Materialdetails mit deiner Produktreferenz.

‍

Beispiel glTF im Web

‍

Quick-Tipps

FAQ - glTF / GLB Dateiformat

Was ist der Unterschied zwischen glTF und GLB?

glTF bezeichnet das Format. Eine .gltf-Datei enthält die JSON-Szenenbeschreibung; weitere Daten können separat oder eingebettet vorliegen. GLB ist ein binärer Container, der diese Daten bündeln kann. Prüfe beim Weitergeben, ob noch externe Dateien benötigt werden.

Wie groß darf ein GLB für Web-Viewer sein?

Lege ein Ladebudget für den konkreten Viewer fest und teste ein repräsentatives Produkt auf den vorgesehenen Geräten. Reduziere zuerst unnötige Geometrie und zu große Texturen, ohne wichtige Produktdetails zu verlieren. Miss dann Ladezeit und Bedienbarkeit. Eine allgemeine Obergrenze wäre irreführend, weil Materialien, Animationen, Gerät und Verbindung zusammenwirken.

Unterstützt Shopify glTF?

Shopify nennt GLB und USDZ als unterstützte Uploadformate für 3D-Produktmedien. Die aktuelle Dokumentation erlaubt bis zu 500 MB und beschreibt eine automatische Optimierung bei Dateien über 15 MB. Das ist eine Uploadgrenze, kein sinnvolles Ladeziel für jeden Shop. Prüfe das Ergebnis nach Verarbeitung und im eingesetzten Theme.

Kann ich FBX → glTF konvertieren?

Ja. Du kannst eine FBX-Datei beispielsweise in Blender importieren, Materialien und Animationen prüfen und anschließend als glTF oder GLB exportieren. Weise die Materialkanäle passend zum glTF-Materialmodell zu. Komplexe Shader können Anpassungen oder gebackene Texturen benötigen. Vergleiche das Ergebnis im Zielviewer mit der freigegebenen Referenz.

Wie binde ich glTF in einen 3D Virtual Showroom ein?

Lade das Modell mit einem glTF-kompatiblen Viewer oder Loader und prüfe Maßstab, Materialien, Beleuchtung und Navigation im Zielsystem. Die Datei allein erzeugt noch keinen begehbaren Raum. Unser Glossar zu 3D Virtual Showrooms erklärt den Anwendungskontext.

Wie wähle ich die richtige Texture-Auflösung für glTF-Modelle?

Wähle die Auflösung nach sichtbaren Produktdetails, Kameradistanz und Zielgeräten. Prüfe Schärfe, Texturspeicher und Ladezeit gemeinsam; feste 1K- oder 2K-Vorgaben passen nicht zu jedem Modell. Bei Pixel Streaming wird das Bild auf dem Server gerendert und als Videostream übertragen. Die Modell-Dateigröße ist dort kein clientseitiges Downloadbudget.

Unterstützt glTF transparente Materialien wie Glas oder Acryl?

Ja, wenn Materialmodell und Viewer zusammenpassen. alphaMode gehört zum glTF-Kern und steuert die Flächenabdeckung. Für lichtdurchlässige Materialien gibt es KHR_materials_transmission; weitere Volumeneffekte benötigen zusätzliche Unterstützung.

Kann ich Physically-Based-Textures in JPEG XL oder AVIF zuspielen?

Der glTF-2.0-Kern sieht PNG und JPEG vor. Weitere Formate benötigen eine passende Erweiterung und Unterstützung im Viewer, etwa KTX2 mit KHR_texture_basisu. AVIF oder JPEG XL dürfen deshalb nicht pauschal als überall verwendbare glTF-Texturen behandelt werden. Wähle Format, Auflösung und Farbraum passend zum Materialkanal.

Wie teste ich die Basis-Kompatibilität meines glTF schnell im Browser?

Prüfe die Datei mit dem Khronos glTF Validator und anschließend im tatsächlichen Zielviewer. Kontrolliere Maße, Orientierung, Materialien, Varianten und benötigte Animationen. Teste auch Ladezeit und Bedienbarkeit auf den Zielgeräten. Für Apple Quick Look ist eine geeignete USDZ-Ausgabe separat zu prüfen.

Sind Animations-Bones und Morph-Targets gleichzeitig erlaubt?

Ja. Skinning steuert die Verformung über ein Skelett; Morph Targets beschreiben zusätzliche Formänderungen über veränderte Vertexpositionen. glTF kann beides gemeinsam abbilden. Prüfe beim Export und im Zielviewer, ob die benötigten Bewegungen und Formänderungen korrekt zusammenspielen.

Welcher Kompressions-Workflow ist besser: Draco oder Meshopt?

Das hängt von Geometrie, Exportoptionen, Decoder und Zielgerät ab. Draco und Meshopt verwenden unterschiedliche Verfahren; feste Einsparquoten oder eine allgemeine Geschwindigkeitsrangfolge sind nicht belastbar. Vergleiche Dateigröße, Dekodierzeit und sichtbare Details mit denselben Modellen im vorgesehenen Viewer.

Wie integriere ich Variant-Swaps (Farbe, Stoffe) ohne Duplikate?

Mit KHR_materials_variants kannst du etwa mehrere vorbereitete Stoffmaterialien auf derselben Stuhlgeometrie anbieten, wenn der Viewer die Erweiterung unterstützt. So vermeidest du eine eigene Geometriekopie für jede Materialvariante. Unterschiedliche Formen, Kombinationsregeln, Preise und Produktdaten benötigen zusätzliche Konfiguratorlogik.

Kann ich Shader-Nodes (z. B. Klarlack) direkt im glTF speichern?

glTF überträgt unterstützte Materialeigenschaften, nicht beliebige Shadergraphen. Klarlack kann beispielsweise über KHR_materials_clearcoat beschrieben werden. Exporter und Viewer müssen diese Erweiterung unterstützen. Nicht übertragbare Effekte benötigen eine geeignete Vereinfachung oder, soweit möglich, gebackene Texturen.

Was ist der maximale Polygon-Count für reibungslose Web-Performance?

Es gibt keinen universellen Grenzwert. Neben der Geometrie wirken Materialanzahl, Texturen, Transparenz, Animationen und Zielgerät auf die Leistung. Lege ein Budget für die Anwendung fest und miss Ladezeit und Interaktion mit repräsentativen Modellen. LODs und Instancing können helfen, wenn die Zielanwendung sie unterstützt.

Wie migriere ich eine bestehende FBX-Pipeline auf glTF, ohne Material-Brüche?

Teste zunächst repräsentative Modelle in einer passenden Import-/Exportkette, etwa über Blender. Ordne Materialkanäle, Farbräume, Einheiten und Animationen bewusst zu. Dokumentiere nötige Anpassungen und vergleiche die glTF-Ausgabe im Zielviewer mit der freigegebenen Referenz. Die Blender-Dokumentation zum glTF-Exporter beschreibt unterstützte Eigenschaften.