Web-3D bezeichnet die Darstellung interaktiver 3D-Inhalte direkt im Webbrowser, ohne separate App-Installation oder Plugin. Möglich wird das durch offene Standards wie WebGL, WebGPU und glTF, die in allen modernen Browsern unterstützt werden. Für B2B-Unternehmen, die erklärungsbedürftige Produkte vermarkten, ist Web-3D damit kein Experiment mehr, sondern eine etablierte Technologie. Dieser Artikel erklärt, wie Web-3D technisch funktioniert, wo es sinnvoll eingesetzt wird und wo seine ehrlichen Grenzen liegen.
Was ist Web-3D?
Web-3D ist die Sammelbezeichnung für interaktive 3D-Inhalte, die direkt im Browser laufen. Nutzer drehen, zoomen oder konfigurieren ein Produkt im Browserfenster, ohne eine Anwendung zu installieren oder eine Datei herunterzuladen. Die 3D-Szene wird wie ein Video oder Bild in die Webseite eingebettet, meist über einen iFrame oder ein direkt integriertes Skript.
Wichtig ist die Abgrenzung zu zwei verwandten Konzepten:
- Klassisches Produktrendering: statisches Bild aus einem 3D-Programm. Sieht hochwertig aus, ist aber nicht interaktiv.
- Native 3D-Software: Solid Edge, Fusion 360, NX. Mächtig, aber an Installation und meist an Lizenzen gebunden.
Web-3D liegt dazwischen: interaktiv wie eine Software, zugänglich wie ein Bild.
Wie Web-3D technisch funktioniert
Drei Bausteine bilden das Fundament:
- WebGL und WebGPU: Browser-Grafikschnittstellen, die direkt auf die GPU zugreifen. WebGL existiert seit 2011, WebGPU ist der modernere Nachfolger und wird seit 2023 in Chrome stabil unterstützt.
- glTF 2.0: der offene Dateistandard für 3D-Modelle, 2017 von der Khronos Group als ISO-konformer Standard veröffentlicht. glTF ist für das Web optimiert, vergleichbar mit der Rolle, die JPEG für Bilder spielt.
- Rendering-Bibliotheken: Frameworks wie Three.js, Babylon.js oder model-viewer (von Google) abstrahieren den Low-Level-Code und liefern fertige Funktionen für Beleuchtung, Animation und Konfiguration.
Konkret läuft die Aufbereitung in drei Stufen ab:
CAD-Modell exportieren
Das Modell wird aus Solid Edge, Fusion 360 oder einer anderen Konstruktionssoftware als STEP oder OBJ exportiert. Die Originaldaten bleiben unangetastet.
Für das Web optimieren
In Blender wird die Polygon-Anzahl reduziert (Retopology), Materialien werden in PBR-Texturen übersetzt, Details werden in Normal Maps gebacken.
Als glTF im Browser einbetten
Das fertige Modell wird als glTF exportiert und über iFrame oder Viewer-Skript in die Webseite eingebettet. Sofort interaktiv, ohne Plugin.
Eine fertige Web-3D-Datei liegt typischerweise zwischen 1 und 5 MB, vergleichbar mit einem hochauflösenden Produktfoto.
Warum gerade jetzt der richtige Zeitpunkt ist
B2B-Unternehmen waren beim Thema 3D im Browser lange zurückhaltend, oft aus guten Gründen. Heute sind die kritischen Voraussetzungen erfüllt:
- Browser-Unterstützung ist universell. Chrome, Edge, Safari und Firefox unterstützen WebGL flächendeckend. Auch auf Smartphones läuft 3D heute flüssig.
- Bandbreite ist kein Flaschenhals mehr. Mit DSL und 5G fallen 5 MB für ein 3D-Modell kaum ins Gewicht.
- glTF hat sich als Standard durchgesetzt. Während früher proprietäre Formate dominierten, ist glTF heute das gemeinsame Austauschformat im 3D-Bereich.
- AR im Browser ist Realität. Über WebXR sowie ARQuickLook (iOS) und Scene Viewer (Android) kann ein Kunde ein Produkt direkt aus dem Browser in seinen Raum platzieren, ohne separate App.
Die letzte technische Hürde, native AR ohne App, ist damit gefallen.
Typische Anwendungsfelder im B2B
Web-3D entfaltet seinen Nutzen besonders dort, wo Produkte erklärungsbedürftig oder konfigurierbar sind. Beispiele aus der Praxis:
- Maschinenbau: komplexe Anlagen mit Schnittansichten, Funktionsanimationen oder austauschbaren Modulen direkt auf der Produktseite.
- Medizintechnik: Geräte, die im Detail gezeigt werden müssen, ohne dass der Vertrieb ein Demogerät vor Ort hat.
- Konfigurierbare Produkte: Möbel, Werkzeuge, technische Komponenten mit Varianten. Der Kunde sieht in Echtzeit, wie sich seine Auswahl auswirkt.
- Werkstückträger, Sondermaschinen, Anlagentechnik: alles, was sich schwer fotografieren lässt, weil es zu groß, zu detailreich oder noch nicht real existiert.
Faustregel
Die Verweildauer auf Produktseiten mit interaktivem 3D liegt in der Praxis deutlich über der von Seiten mit reinen Produktfotos. Web-3D ersetzt keinen Vertrieb, aber es liefert dem Vertriebler einen besser informierten Lead.
Web-3D, native App oder klassisches Produktbild?
Drei Wege, ein Produkt digital zu zeigen, mit unterschiedlichen Stärken im direkten Vergleich:
Web-3D, native App und klassisches Produktbild im direkten Vergleich
| Format | Installation | Interaktiv | Konfigurierbar | AR-fähig | Typischer Einsatz |
|---|---|---|---|---|---|
| Web-3D | Nein | ✓ | ✓ | ✓ | Pre-Sales, Marketing |
| Native App | Ja | ✓ | ✓ | ✓ | Service, Außendienst |
| Produktbild | Nein | – | – | – | Übersicht, Katalog |
Native Apps haben weiterhin ihre Berechtigung, etwa für Service-Techniker mit umfangreicher Funktionalität im Außendienst. Für Marketing, Vertrieb und Pre-Sales ist Web-3D in den meisten B2B-Szenarien aber überlegen, weil es ohne Reibungsverlust zugänglich ist. Ein Klick, kein Download, kein Login.
Wo Web-3D an Grenzen stößt
Web-3D ist kein Allheilmittel. Es gibt Anwendungen, in denen klassische Werkzeuge bessere Ergebnisse liefern:
- Hochkomplexe Simulationen wie Festigkeitsberechnungen oder Strömungsanalysen gehören in spezialisierte CAE-Software.
- Konstruktive Detailarbeit findet weiter im CAD-System statt. Web-3D dient der Präsentation, nicht der Konstruktion.
- Sehr große Baugruppen mit zehntausenden Teilen müssen für das Web reduziert und vereinfacht werden. Das ist möglich, erfordert aber sorgfältige Optimierung.
Ehrlich gesagt: Wer ein 1:1-Abbild seines vollständigen CAD-Modells im Browser erwartet, wird enttäuscht. Web-3D ist die optimierte Variante für Kommunikation, nicht der Ersatz für die technische Datenbasis.
Fazit: Wann sich der Umstieg lohnt
Web-3D ist heute kein Experiment mehr, sondern eine reife Technologie mit offenen Standards und stabiler Browser-Unterstützung. Für B2B-Unternehmen lohnt sich der Schritt insbesondere dann, wenn:
- der Vertriebszyklus lang ist und Kunden online recherchieren, bevor sie Kontakt aufnehmen.
- Produkte konfigurierbar sind oder in Varianten existieren.
- Messen und persönliche Termine reduziert wurden.
- internationale Kunden nicht jederzeit ein Demogerät sehen können.
Der Einstieg muss kein Großprojekt sein. Oft beginnt es mit einem einzigen Modell auf der Hauptproduktseite, eingebettet per iFrame, ohne Eingriff in die bestehende Webseite.
Wenn Sie überlegen, ob Web-3D für Ihre Produkte sinnvoll ist, sprechen Sie uns an. In einem ersten Gespräch klären wir, welches Format und welcher Detailgrad zu Ihrem Anwendungsfall passt. Wer Web-3D zuerst in Aktion sehen möchte, findet bei den Leistungen konkrete Anwendungsbeispiele.Detailgrad zu Ihrem Anwendungsfall passen. Wer den Workflow lieber im Selbststudium nachvollziehen möchte, findet in den kommenden Artikeln vertiefende Beiträge zu glTF 2.0, zum Weg vom CAD-Modell ins Web und zu browserbasiertem AR.
