Montag, 20. April 2026, 16:30 / 5 Min. Lesezeit

So bringst du ein SketchUp-Modell mit model-viewer auf eine Website

Ein praktischer Web-Workflow, um SketchUp-Geometrie nach GLB zu ueberfuehren und mit model-viewer einzubetten.

Ein SketchUp-Modell auf eine Website zu bringen, beginnt fast immer damit, SKP hinter sich zu lassen. Browser wollen kein natives SketchUp-Projekt, sondern ein kompaktes Auslieferungsformat wie GLB.

Warum GLB das praktikable Web-Format ist

GLB ist kompakt und passt gut zu modernen Web-Viewern. Das Format ist stark fuer Produktseiten, Projektvorschau und einfache 3D-Einbettungen, bei denen Dateigroesse und Kompatibilitaet wichtig sind.

Exportweg

Starte mit SKP zu GLB. Danach wird die exportierte Datei zusammen mit der Seite ausgeliefert, die das Modell interaktiv anzeigen soll.

Minimales model-viewer-Beispiel

<model-viewer
  src="/models/example.glb"
  camera-controls
  auto-rotate
  alt="Interaktives 3D-Modell">
</model-viewer>

Wichtige Optimierungen

  • Unnoetige Geometrie vor dem Export reduzieren.
  • Texturgroessen fuer mobiles Laden begrenzen.
  • Viewer auf Desktop und Smartphone pruefen.

Wenn Blender in den Ablauf gehoert

Falls das Modell vor der Web-Auslieferung noch Bereinigung braucht, kann Blender als Zwischenstufe dienen. Die Seite SketchUp nach Blender: OBJ vs FBX vs GLB erklaert, welches Format dabei am meisten Sinn ergibt.

Quellen und Referenzen

Offizielle oder primaere Quellen, die fuer diesen Leitfaden relevant sind.

Hauefige Fragen

Kurze Antworten fuer die typischen Stolperstellen zu diesem Workflow.

Warum ist GLB ein gutes Web-Format?
GLB ist kompakt, effizient und breit mit modernen Web-Viewern kompatibel.
Kann model-viewer eine SKP-Datei direkt darstellen?
Nein. model-viewer erwartet ein webtaugliches 3D-Format wie GLB statt eines nativen SketchUp-Projekts.
Sollte ich das Modell vor der Web-Veroeffentlichung optimieren?
Ja. Weniger unnoetige Geometrie und kleinere Texturen verbessern Ladezeit und mobile Nutzung.
Jetzt starten

Teste als Naechstes die Konverterrouten

Auf den dedizierten Seiten kommen Upload, Formatauswahl, verwandte Routen und FAQs zusammen.