How to Put a SketchUp Model on a Website with model-viewer

Putting a SketchUp model on a website usually starts by leaving SKP behind. Browsers do not want a native SketchUp project. They want a delivery format such as GLB that is smaller, more predictable, and easier to embed.

Why GLB Is the Practical Web Format

GLB is compact and friendly to modern web viewers. It is a strong fit for interactive product pages, project previews, and simple 3D embeds where download size and compatibility matter.

That lines up with both SketchUp's own GLB guidance and the official model-viewer docs, which are both built around compact, browser-friendly 3D delivery.

Export Path

Start with SKP to GLB. Once the file is exported, host the GLB alongside the page that needs the interactive model.

Minimal model-viewer Example

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

Optimization Notes

• Reduce unnecessary geometry before export.
• Keep texture size reasonable for mobile loading.
• Test the viewer on desktop and phone before publishing.

When Blender Fits Into This Flow

If the model needs cleanup before web publishing, Blender can sit in the middle of the workflow. The related guide on moving SketchUp assets into Blender covers when OBJ, FBX, or GLB makes the most sense.