Qu'est-ce que le glTF ?

Définition de glTF / GLB

glTF (« GL Transmission Format ») est un format de fichier ouvert, géré par le Khronos Group, qui stocke la géométrie 3D, les matériaux PBR et les animations dans des blocs JSON et binaires (GLB) légers. Il est souvent qualifié de « JPEG de la 3D », car il fournit des ressources prêtes à être rendues avec une surcharge minimale dans le navigateur – voir notre vitrine WebGL –, dans Unreal Pixel Streaming (démo sur la page 3D Render Studio) ou dans AR Quick-Look (exemples sous Réalité augmentée 3D).

‍

Pourquoi le format glTF est-il intéressant pour les marques ?

Principes techniques de base

• JSON + BIN – Descripteur de texte et tampon binaire pour la géométrie.
• Schéma PBR – Flux de travail « métal/rugueux » comme dans Unreal/Unity.
• Compression Draco – réduction optionnelle d'environ 60 % du volume des données de sommets.
• KHR_materials_variants – une extension glTF qui permet de représenter des variantes sans dupliquer les ressources (idéal pour les configurateurs 3D).

L'article spécialisé «glTF : Behind the Scene of 3D Magic»: tu y trouveras des informations de fond sur la structure des fichiers, les extensions et les optimisations de performances.

‍

Comparaison pratique : glTF, FBX et USDZ

‍

Processus : exportation au format glTF en 6 étapes

1. Nettoyage CAO → triangulation, arêtes vives, maillages distincts pour chaque variante.
2. Mappage UV → espace 0-1 ; densité de texels conformément au glossaire du mappage UV.
3. Textures PBR → Albédo, Normale, Rugosité, Métallicité (→ Carte de rugosité).
4. Piles LOD → réduction automatique (30 %, 10 %).
5. Activer l'exportation vers le format .glb (binaire) avec la compression Draco.
6. QA → charger dans glTF Viewer & dans notre configurateur de produits 3D.

‍

Exemple de glTF sur le Web

‍

Astuces rapides

‍

FAQ - Formats de fichiers glTF / GLB

‍

Quelle est la différence entre glTF et GLB ?

glTF est une structure binaire JSON-Plus répartie sur plusieurs fichiers, tandis que GLB regroupe tout dans un seul fichier binaire – idéal pour les mises en ligne sur un CMS.

‍

Quelle peut être la taille maximale d'un fichier GLB destiné à un visualiseur Web ?

Richtwert: < 15 MB inkl. LODs; für Mobile Pixel-Streaming unter 8 MB.

‍

Shopify prend-il en charge le format glTF ?

Oui, via le Model Viewer de Shopify. Exemple concret : Bosch Rexroth a utilisé la configuration Unity → glTF → Shopify. (cf. étude de cas Unity)  

‍

Puis-je convertir un fichier FBX en glTF ?

Oui – Blender, FBX2glTF-CLI ou KennyTools; vérifie les matériaux, car la valeur « Spec-Gloss » est convertie en « Metal-Rough » (Rough = 1-Gloss).

‍

Comment intégrer un fichier glTF dans un showroom virtuel en 3D ?

Notre page « Glossaire » consacrée au showroom virtuel en 3D présente le processus de travail avec Three.js Loader et les Light Probes.

‍

Comment choisir la bonne résolution de texture pour les modèles glTF ?

Valeur indicative : 1 à 2 k pour les visionneuses Web classiques, 1 k pour AR Quick-Look, jusqu'à 4 k pour le streaming de pixels – en fonction de la distance de visionnage et de l'appareil cible. Tu trouveras d'autres recommandations dans le référentiel officiel des spécifications glTF, sous la rubrique « K - Images ».

‍

Le format glTF prend-il en charge les matériaux transparents tels que le verre ou l'acrylique ?

Oui – avec les extensions KHR_materials_transmission (verre réfractant) et KHR_materials_alphaMode (pour une opacité simple).

‍

Puis-je intégrer des textures basées sur la physique dans des fichiers JPEG XL ou AVIF ?

glTF 2.0 accepte tous les types de MIME ; la plupart des visionneuses gèrent le PNG / JPEG. Pour AVIF & JXL, un fallback est actuellement nécessaire (voir la matrice de compatibilité dans le repo glTF-GitHub sous "Texture Formats").

‍

Comment puis-je vérifier rapidement la compatibilité de base de mon fichier glTF dans le navigateur ?

Que ce soit avec la visionneuse glTF gratuite de Don McCurdy ou notre visionneuse maison : il suffit d'un simple glisser-déposer, et les erreurs de shader sont signalées en rouge.

‍

Peut-on utiliser à la fois des os d'animation et des cibles de morphing ?

Oui ; glTF prend en charge les deux types, mais les anciennes visionneuses Web ne prennent pas en charge simultanément les formats « Morph » et « Skeletal » – vérifiez au préalable.

‍

Quel workflow de compression est le meilleur : Draco ou MeshOpt ?

Draco offre un taux de compression plus élevé (~60 %), mais nécessite un décodage JavaScript ; MeshOpt est plus rapide et permet un gain d'espace d'environ 50 %. Vous trouverez une comparaison concrète sur le site de Keysoft (section « Compression »).

‍

Comment intégrer des permutations de variantes (couleur, tissus) sans créer de doublons ?

Utilisez KHR_materials_variants : un maillage, plusieurs emplacements de matériaux, un fichier JSON de variantes – idéal pour les configurateurs 3D.

‍

Puis-je enregistrer des nœuds de shader (par exemple, un vernis transparent) directement dans le fichier glTF ?

Uniquement via des extensions telles que KHR_materials_clearcoat. Les graphes de shaders propriétaires doivent être préalablement convertis en cartes PBR.

‍

Quel est le nombre maximal de polygones pour garantir des performances Web optimales ?

Dans WebGL-2, il est courant d'avoir jusqu'à environ 100 000 triangles par ressource ; au-delà, il convient d'utiliser des niveaux de détail (LOD) ou l'instanciation.

‍

Comment migrer un pipeline FBX existant vers glTF sans perte de matériaux ?

FBX → Importation dans Blender → Convertisseur « Spec/Gloss → Metal/Rough » → Exportation au format glTF avec des préréglages de shaders testés. Vous trouverez un guide étape par étape dans la documentation Blender-glTF et dans le dépôt GitHub correspondant « glTF-Blender-IO ».