lundi 20 avril 2026, 16:30 / 5 min de lecture

Comment mettre un modele SketchUp sur un site avec model-viewer

Un workflow web pratique pour convertir la geometrie SketchUp en GLB puis l'integrer avec model-viewer.

Mettre un modele SketchUp sur un site commence presque toujours par abandonner SKP comme format de diffusion. Les navigateurs veulent un format comme GLB, plus compact, plus previsible et plus facile a embarquer.

Pourquoi GLB est le format web pratique

GLB est compact et s'integre bien aux viewers web modernes. Il convient aux pages produit, aux apercus de projet et aux integrations 3D simples ou la taille de telechargement et la compatibilite sont importantes.

Chemin d'export

Commencez par SKP vers GLB. Une fois l'export cree, hebergez le fichier GLB avec la page qui doit afficher le modele de maniere interactive.

Exemple minimal avec model-viewer

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

Points d'optimisation

  • Reduire la geometrie inutile avant export.
  • Limiter la taille des textures pour le mobile.
  • Tester le viewer sur desktop et telephone.

Quand Blender s'insere dans ce workflow

Si le modele doit etre nettoye avant publication web, Blender peut servir d'etape intermediaire. Le guide faire passer un asset SketchUp par Blender explique quand OBJ, FBX ou GLB est le meilleur choix.

Sources et references

Sources officielles ou primaires utiles pour cette page.

Questions frequentes

Reponses courtes aux questions qui reviennent le plus sur ce workflow.

Pourquoi GLB est-il adapte au web ?
GLB est compact, efficace et largement compatible avec les viewers web modernes.
model-viewer peut-il afficher directement un fichier SKP ?
Non. model-viewer attend un format 3D web-ready comme GLB, pas un projet SketchUp natif.
Faut-il optimiser le modele avant publication ?
Oui. Moins de geometrie inutile et des textures plus legeres ameliorent le chargement et l'usage mobile.
Commencer

Essayez ensuite les routes de conversion

Les pages dediees reunissent l'import, le choix du format, les routes associees et les FAQ.