CAD vereinfachen fürs Web — schlank, ohne dass es jemand merkt.
Konstruktionsdaten sind für die Fertigung gemacht, nicht für den Browser. Sie enthalten jedes Gewinde, jede Bohrung und jedes Teil im Inneren. Für eine Website, einen Konfigurator oder eine Explosionsansicht muss das Modell deutlich schlanker werden, und zwar so, dass niemand den Unterschied sieht.
Beim Vereinfachen fliegt raus, was niemand sieht: innere Teile, Gewinde, kleine Bohrungen und überfeine Rundungen. Gleiche Teile werden nur einmal gespeichert. In meinen Projekten landen Industriemodelle so meist bei etwa einem Megabyte: Der Bausatz meines Hallen-Konfigurators hat 21 Module in einer Datei von 0,8 MB mit rund 23.000 Dreiecken, Produkte aus STEP-Daten lagen fertig zwischen 0,4 und 1,3 MB.
Was Vereinfachen bewirkt
Zieh den Regler, um die Geometrie zu vereinfachen. Oben links siehst du Dreiecke und die ungefähre Dateigröße der Geometrie. Beispielform, keine Kundendaten.
Was rausfliegt.
| Element | Warum es weg kann |
|---|---|
| Innere Teile | Sind in der Ansicht nie zu sehen, außer in einer Schnitt- oder Explosionsansicht |
| Gewinde und Fasen | Machen viele Dreiecke, sind auf dem Bildschirm kaum erkennbar |
| Kleine Bohrungen | Werden durch Texturen oder gar nicht dargestellt |
| Überfeine Rundungen | Ab einer gewissen Auflösung sieht das Auge keinen Unterschied mehr |
| Doppelte Teile | Schrauben und Profile werden einmal gespeichert und mehrfach gezeigt |
Was bleiben muss.
Alles, was das Produkt erkennbar macht: Silhouette, sichtbare Kanten, Logo-Flächen und alle Teile, die im Konfigurator wechseln oder sich in einer Explosionsansicht bewegen. Diese Teile brauchen außerdem sprechende Namen, damit der Code sie später findet. Wer eine Explosionszeichnung plant, legt die Baugruppen schon beim Vereinfachen fest.
So gehe ich vor.
- Export aus dem CAD: meist als STEP, mit allen Baugruppen.
- Umwandeln: in ein Polygonmodell mit gezielter Auflösung je Teil.
- Aufräumen in Blender: innere Teile löschen, gleiche Teile zusammenführen, Namen vergeben.
- Materialien: realistische Oberflächen statt Konstruktionsfarben.
- Export und Komprimieren: als GLB, dann mit Werkzeugen wie gltf-transform verkleinern, siehe GLB-Datei verkleinern.
Die Grundlagen dazu stehen unter CAD-Daten fürs Web aufbereiten.
Zielwerte für das Web.
Feste Grenzen gibt es nicht, aber Erfahrungswerte: Ein einzelnes Produkt sollte im Web meist unter wenigen Megabyte bleiben, ein ganzer Konfigurator mit vielen Bauteilen etwas darüber. Entscheidend ist, dass das Modell auf einem durchschnittlichen Handy flüssig läuft. Ob dein Modell im Rahmen liegt, prüfst du mit dem GLB-Prüfer oder im 3D-Viewer.
Wenn du Unterstützung brauchst.
Schick mir eine Beschreibung deiner CAD-Daten (Format, Anzahl der Teile, Größe) und wofür das Modell gedacht ist. Du bekommst eine Einschätzung, wie schlank es werden kann und was das Aufbereiten kostet.
Wer das schreibt.
Ich bin Manuel Killert, Web- und 3D-Entwickler aus Quakenbrück und Dozent für Webentwicklung. Ich baue interaktive 3D-Anwendungen mit Three.js und Blender — Konfiguratoren, Produkttouren und Explosionsansichten — und setze sie heute vor allem für Industrieunternehmen um. Mehrere davon kannst du auf der Projekt-Pinnwand live ausprobieren.
Nicht glauben — ausprobieren.
Alle Demos laufen live im Browser, auch auf dem Smartphone.
Verpackungsmaschine FX-40
Scroll-Tour durch acht Stationen, Prozess in Zeitlupe, Explosionsansicht und Konfigurator mit Live-Datenblatt.
Ausprobieren ↗
Sauna-Konfigurator
Innensauna, Gartensauna oder Fass – der Rechenkern legt den Ofen aus und prüft Baurecht aller 16 Bundesländer.
Ausprobieren ↗FAQ — CAD vereinfachen fürs Web.
Warum kann ich CAD-Daten nicht direkt im Web zeigen?
Weil sie für die Fertigung gemacht sind und jedes Detail enthalten. Das macht sie für den Browser viel zu groß und langsam.
Wie klein wird ein Industriemodell nach dem Vereinfachen?
In meinen Projekten meist um ein Megabyte: ein Hallen-Bausatz mit 21 Modulen hatte 0,8 MB, Produkte aus STEP-Daten 0,4 bis 1,3 MB.
Sieht man den Unterschied?
Bei guter Vereinfachung nicht. Entfernt wird, was in der Ansicht nicht sichtbar ist, und Rundungen werden nur so weit reduziert, wie das Auge keinen Unterschied bemerkt.
Welches Format brauche ich?
Am besten STEP aus dem CAD-Programm. Daraus entsteht das Webmodell im Format GLB.
Manuel Killert · Webentwickler & DozentErzähl mir, was du zeigen willst.
Ich sage dir ehrlich, ob sich 3D für dein Vorhaben lohnt — und wenn nicht, was stattdessen mehr bringt.
Antwort meist innerhalb von 24 Stunden · hallo@manuelkillert.de