Qu'est-ce que le glTF ?

Définition de glTF / GLB

glTF (GL Transmission Format) est un format 3D ouvert, maintenu par le Khronos Group, pour transmettre et afficher des modèles, des matériaux et des animations. GLB est son conteneur binaire et peut réunir les données nécessaires dans un seul fichier. Pour une fiche produit, l'essentiel est le fonctionnement du modèle dans la visionneuse prévue. Tu peux ainsi proposer un meuble à examiner sous plusieurs angles et afficher ses matériaux préparés sur une fiche produit. Le poids du fichier et le rendu des matériaux dépendent du modèle et de la visionneuse cible. La spécification glTF définit le format. Notre page visualisation 3D présente notre travail de création d'images.

‍

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

Principes techniques de base

• Structure : le fichier .gltf décrit la scène en JSON. La géométrie et les images peuvent être externes ou intégrées. Un GLB peut aussi référencer des fichiers externes.
• Matériaux : le format de base utilise le modèle PBR métallique-rugosité. Les propriétés supplémentaires nécessitent des extensions compatibles avec la visionneuse cible.
• Compression : Draco ou Meshopt peuvent réduire les données géométriques. Le gain, le temps de décodage et les changements visuels se vérifient sur le modèle réel.
• Variantes : KHR_materials_variants associe des matériaux préparés à une géométrie existante. L'extension ne gère ni les règles produit, ni les prix, ni les changements de géométrie d'un configurateur.

La documentation de l'exporteur glTF de Blender précise les matériaux et animations pris en charge. Avant la production, vérifie les fonctions communes à ton exporteur et à l'application cible. Autres références : médias produit Shopify, transmission et textures KTX2.

‍

Comparaison pratique : glTF, FBX et USDZ

Et le format OBJ ? OBJ sert surtout à échanger une géométrie statique, des coordonnées UV et des normales ; les matériaux sont généralement décrits dans un fichier MTL séparé. glTF ajoute un modèle de matériau PBR standardisé, une hiérarchie de scène et des animations pour les applications temps réel. C’est donc souvent un format de diffusion plus direct pour une visionneuse produit interactive. Tu peux partir d’un fichier OBJ existant, puis vérifier ses matériaux à l’export.

‍

Processus : exportation au format glTF en 6 étapes

1. Définir le produit et sa destination. Précise les dimensions, les références, la visionneuse et les variantes nécessaires. Prépare la géométrie CAO ou crée un modèle adapté. Voir notre modélisation 3D.
2. Préparer la géométrie et les UV. Vérifie silhouette, normales, raccords et densité de texels. Des zones UV partagées peuvent être volontaires ; les détails précalculés propres à une zone nécessitent des emplacements adaptés. Voir le mapping UV.
3. Transposer les matériaux. Affecte correctement couleur de base, normales, rugosité et métallicité. Simplifie les fonctions de shader non prises en charge ou transfère les détails adaptés dans des textures par baking. Un graphe de shader quelconque n'est pas transmis tel quel.
4. Vérifier les animations et niveaux de détail. Exporte et teste les animations squelettiques et morph targets nécessaires. Prévois plusieurs résolutions de modèle uniquement si l'application les utilise. Des pourcentages fixes de réduction ne remplacent pas le contrôle visuel.
5. Optimiser l'export selon l'usage. Choisis .gltf ou .glb pour le mode de diffusion. Active une compression uniquement si la visionneuse dispose du décodeur adapté. Compare contours et détails des matériaux à la référence non compressée.
6. Contrôler la structure et l'affichage. Utilise le validateur glTF de Khronos pour les erreurs de format, puis examine le modèle dans la visionneuse cible. Notre visionneuse 3D permet un contrôle visuel interactif. Compare les dimensions, la silhouette, les couleurs et les détails des matériaux à ta référence produit.

‍

Exemple de glTF sur le Web

‍

Points pratiques

FAQ - Formats de fichiers glTF / GLB

Quelle est la différence entre glTF et GLB ?

glTF désigne le format. Un fichier .gltf contient la description JSON de la scène ; les autres données peuvent être séparées ou intégrées. GLB est un conteneur binaire qui peut les regrouper. Avant de transmettre le fichier, vérifie s'il dépend encore de ressources externes.

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

Fixe un budget de chargement pour la visionneuse et teste un produit représentatif sur les appareils prévus. Commence par réduire la géométrie inutile et les textures trop grandes tout en conservant les détails importants. Mesure ensuite le chargement et la fluidité de manipulation. Une limite universelle serait trompeuse : matériaux, animations, appareil et connexion interviennent ensemble.

Shopify prend-il en charge le format glTF ?

Shopify accepte GLB et USDZ pour les médias produit 3D. Sa documentation actuelle autorise jusqu'à 500 Mo et décrit une optimisation automatique au-delà de 15 Mo. C'est une limite d'importation, pas un objectif de chargement pertinent pour chaque boutique. Vérifie le résultat traité dans ton thème.

Puis-je convertir un fichier FBX en glTF ?

Oui. Tu peux, par exemple, importer le fichier FBX dans Blender, vérifier ses matériaux et animations, puis l’exporter en glTF ou GLB. Fais correspondre les canaux au modèle de matériau glTF. Les shaders complexes peuvent nécessiter des adaptations ou des textures précalculées. Compare le résultat dans la visionneuse cible à la référence validée.

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

Charge le modèle avec une visionneuse ou un chargeur compatible glTF, puis vérifie l’échelle, les matériaux, l’éclairage et la navigation dans l’application cible. Le fichier seul ne crée pas un espace dans lequel se déplacer. Notre glossaire sur les showrooms virtuels 3D explique ce contexte d’utilisation.

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

Choisis la résolution selon les détails visibles du produit, la distance de vue et les appareils ciblés. Vérifie ensemble netteté, mémoire des textures et temps de chargement : une règle fixe de 1K ou 2K ne convient pas à tous les modèles. Avec Pixel Streaming, l’image est calculée sur un serveur et transmise en vidéo. Le poids du modèle ne constitue donc pas un budget de téléchargement du modèle côté client.

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

Oui, si le modèle de matériau et la visionneuse sont compatibles. alphaMode fait partie du format glTF de base et contrôle la couverture de la surface. KHR_materials_transmission permet de décrire des matériaux transmettant la lumière ; les effets de volume supplémentaires nécessitent d'autres fonctions compatibles.

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

Le format glTF 2.0 de base prévoit PNG et JPEG. Les autres formats nécessitent une extension adaptée et sa prise en charge, comme KTX2 avec KHR_texture_basisu. AVIF et JPEG XL ne sont donc pas des textures glTF utilisables partout. Choisis format, résolution et espace colorimétrique selon le canal du matériau.

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

Passe le fichier dans le validateur glTF de Khronos, puis examine-le dans sa véritable visionneuse cible. Contrôle dimensions, orientation, matériaux, variantes et animations nécessaires. Teste aussi le chargement et la manipulation sur les appareils prévus. Une version USDZ adaptée à Apple Quick Look doit être vérifiée séparément.

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

Oui. Le skinning contrôle la déformation par un squelette, tandis que les morph targets décrivent des changements de forme par modification des positions des sommets. glTF peut combiner les deux. Vérifie à l’export et dans la visionneuse cible que mouvements et changements de forme fonctionnent correctement ensemble.

Quel workflow de compression choisir : Draco ou Meshopt ?

Cela dépend de la géométrie, des options d’export, du décodeur et de l’appareil cible. Draco et Meshopt utilisent des méthodes différentes ; aucun pourcentage fixe ni classement universel de vitesse n’est fiable. Compare le poids, le temps de décodage et les détails visibles avec les mêmes modèles dans la visionneuse prévue.

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

Avec KHR_materials_variants, tu peux proposer plusieurs tissus préparés sur la même géométrie de chaise, si la visionneuse prend en charge l’extension. Tu évites ainsi de copier la géométrie pour chaque variante de matériau. Les formes différentes, règles de combinaison, prix et données produit nécessitent une logique de configurateur supplémentaire.

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

glTF transmet les propriétés de matériaux prises en charge, pas des graphes de shader arbitraires. Le vernis peut par exemple être décrit avec KHR_materials_clearcoat. L’exporteur et la visionneuse doivent prendre en charge cette extension. Les effets non transmissibles nécessitent une simplification adaptée ou, lorsque c’est possible, des textures précalculées.

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

Il n’existe pas de limite universelle. Matériaux, textures, transparence, animations et appareil cible influencent les performances, en plus de la géométrie. Fixe un budget pour l’application et mesure chargement et manipulation avec des modèles représentatifs. Les niveaux de détail et l’instanciation peuvent aider si l’application les prend en charge.

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

Teste d’abord des modèles représentatifs dans une chaîne d’import-export adaptée, par exemple avec Blender. Fais correspondre explicitement canaux de matériaux, espaces colorimétriques, unités et animations. Documente les ajustements et compare le résultat glTF dans la visionneuse cible à la référence validée. La documentation de l’exporteur glTF de Blender décrit les propriétés prises en charge.