Fichier GLB : l’ouvrir, le vérifier, l’alléger

Un fichier GLB est un modèle 3D enregistré dans la version binaire de glTF 2.0, un format ouvert du Khronos Group. Un seul .glb contient la forme, les matériaux, les textures et une éventuelle animation, et se charge sur le web sans fichier annexe. C’est le format courant de la 3D sur les fiches produit et de l’AR sur Android.

Que contient un fichier GLB ?

Un modèle glTF peut se présenter comme un fichier texte .gltf, accompagné d’images de texture séparées et d’un fichier .bin pour la géométrie. Le GLB réunit tout cela dans un seul fichier binaire, plus simple à importer, à envoyer par email et à héberger. La spécification glTF 2.0 définit les deux.

La structure est simple. Un en-tête de 12 octets contient le mot glTF, le numéro de version 2 et la longueur totale du fichier. Viennent ensuite deux blocs : un bloc JSON qui décrit la scène, et un bloc binaire avec la géométrie et les images.

Nous vérifions ces trois champs d’en-tête sur chaque modèle que nous livrons. Un fichier qui ne commence pas par glTF, qui n’est pas en version 2 ou dont la longueur annoncée diffère de la longueur réelle est refusé comme corrompu avant tout téléchargement, de même que tout fichier de moins de 20 000 octets.

Les chiffres de ce schéma se retrouvent à partir du nombre de triangles et de sommets. Le vase compte 14 590 triangles, et chacun désigne ses trois sommets avec 2 octets par sommet : 87 540 octets d’indices. Ses 8 406 sommets stockent chacun une position et une coordonnée de texture sur 20 octets : 168 120 octets.

Quelle taille font de vrais fichiers GLB, et où passent les octets ?

Nous avons analysé de cette manière chaque modèle de notre vitrine. Les six ont un maillage, un matériau et une texture de couleur WebP de 1 024 pixels, compactés pour le web. Le fauteuil en bouclette, le fauteuil pivotant, le vase en grès et deux tables ont en plus des cartes de rugosité et de métal de 512 pixels pour leurs finitions.

On lit souvent que les textures sont la partie lourde d’un GLB. C’est vrai pour un fichier avec des PNG de 4 096 pixels. Dès que la texture est un WebP de 1 024 pixels, comme ici, la géométrie non compressée représente 68 % à 96 % de chaque fichier, et le poids dépend surtout du nombre de triangles.

Que décrivent les matériaux d’un GLB ?

Les matériaux suivent le modèle PBR métal-rugosité. Le PBR, ou rendu physique réaliste, décrit une surface par sa couleur de base, son caractère métallique et sa rugosité. C’est pour cela qu’un même GLB a à peu près le même aspect dans toutes les visionneuses qui respectent le standard.

Toute propriété absente d’un matériau prend une valeur par défaut définie par la spécification. L’une d’elles peut surprendre. Une valeur metallic non renseignée vaut 1, entièrement métallique : un matériau qui ne définit qu’une couleur de base s’affiche comme du métal brut. La terre, le bois et le tissu peuvent alors paraître plus sombres ou teintés.

Le contrôle tient en un réglage : Metallic à 0 sur le matériau dans Blender, puis un nouvel export. Nous ferions ce contrôle sur n’importe quel GLB avant de le mettre sur une fiche produit, quel que soit son auteur.

Pourquoi un GLB peut-il paraître facetté ?

Les normales de sommets sont les directions, sommet par sommet, qu’utilise une visionneuse pour ombrer en douceur une surface courbe. Elles sont facultatives en glTF : un fichier peut ne contenir que des positions et des coordonnées de texture.

La spécification prévoit ce cas : sans normales, les visionneuses doivent en calculer des plates. Sur un maillage dense les facettes sont petites, mais sous une lumière latérale basse, une surface courbe peut laisser voir de légers pans plats.

Les normales coûtent 12 octets par sommet, trois nombres de 4 octets : un maillage de 8 000 sommets en représente environ 96 000 octets. Dans Blender, Lisser (Shade Smooth) puis un export avec Normales coché écrit des normales lisses. gltf-transform inspect indique si un fichier a un attribut NORMAL.

Comment ouvrir un fichier GLB ?

Il te faut une visionneuse, pas un convertisseur. Celles-ci ouvrent les GLB sans configuration :

• Dans un navigateur : glisse le fichier dans le Babylon.js Sandbox ou dans l’éditeur de model-viewer.
• Dans Blender : Fichier, Importer, glTF 2.0 (.glb/.gltf).
• Dans du code : three.js et Babylon.js chargent directement le GLB, et Unity le lit avec le paquet glTFast.
• Sur Android : Scene Viewer de Google ouvre un GLB lié depuis une page web, en 3D ou en réalité augmentée.

L’iPhone et l’iPad n’ouvrent pas les GLB dans AR Quick Look. La réalité augmentée d’Apple utilise l’USDZ : les boutiques qui veulent l’AR sur les deux systèmes gardent les deux fichiers.

Une fois le fichier ouvert, fais-le tourner lentement. Regarde dessous, derrière, et de près les détails fins comme les poignées et les coutures.

Pour voir ce qu’il contient sans visionneuse, lance gltf-transform inspect de glTF Transform sur le fichier. La commande liste chaque maillage, texture et extension, avec le nombre de sommets et les tailles : tu peux ainsi comparer un fichier au tableau ci-dessus.

À quoi sert un fichier GLB ?

Sur les fiches produit, Shopify accepte les GLB comme médias produit. Sur un site que tu développes toi-même, le composant libre model-viewer de Google affiche un GLB avec quelques lignes de code, rotation et zoom compris.

Hors e-commerce, le GLB est courant dans la 3D web, le jeu vidéo et les applications de réalité augmentée, parce qu’il est compact, ouvert et lu par la plupart des logiciels 3D. Blender l’exporte, comme la plupart des outils de scan et d’IA.

Pour l’AR sur Android, le fichier doit respecter les limites de Scene Viewer : au maximum 10 Mo, 100 000 triangles et des textures de 2 048 pixels. Tous les fichiers du tableau ci-dessus respectent ces limites.

Comment réduire le poids d’un fichier GLB ?

Pour voir l’effet de chaque commande, nous les avons lancées sur une copie de la table de chevet, le modèle qui a le plus de triangles dans le tableau ci-dessus, avec glTF Transform 4.5. Le nombre de triangles ne change pas, sauf si tu simplifies.

Draco a donné le plus petit fichier, 82 % plus léger. Meshopt a retiré 67 %, et sur le vase en terre cuite, il a fait passer le fichier de 308 448 à 135 740 octets. La simplification seule a moins réduit le poids que ces deux méthodes, parce que les triangles restants étaient toujours stockés sans compression.

La compression impose aussi des contraintes. La visionneuse doit gérer la compression : model-viewer et three.js savent décoder les deux, mais la documentation de Scene Viewer ne cite aucune de ces extensions. Contrôle un fichier compressé dans chaque visionneuse qu’il rencontrera avant de le mettre en ligne.

Notre verdict selon la destination :

• Ton propre site avec model-viewer : Meshopt ou Draco sur la géométrie et des textures WebP, puis vérifie que les arêtes ne s’arrondissent pas.
• L’AR sur Android avec Scene Viewer : un GLB simple avec des textures JPEG ou PNG de 2 048 pixels ou moins, simplifié seulement s’il dépasse 100 000 triangles.
• Shopify : importe le fichier non compressé, puisque Shopify optimise lui-même tout fichier de plus de 15 Mo.

Comment obtenir un GLB depuis Blender, un scan ou une photo ?

Dans Blender, passe par Fichier, Exporter, glTF 2.0 et choisis le format glTF binaire (.glb), pour que les textures soient incluses dans le fichier. Coche Normales et UV dans la section Maillage, et choisis JPEG pour les images, sauf si le modèle a besoin de transparence. Les applications de scan et les outils d’IA proposent en général le GLB au téléchargement.

Les façons d’obtenir un modèle au départ, de la modélisation à une seule photo, sont comparées dans comment faire un modèle 3D. Pour un catalogue de boutique, modèles 3D pour l’e-commerce explique quelle voie convient à quel produit.

easyrender, par exemple, te remet un GLB et un USDZ pour chaque modèle terminé qu’il construit à partir d’une photo, selon les étapes de comment créer un modèle 3D à partir d’une photo. Le modèle conserve la forme et les matières, pas les dimensions.

Du GLB à l’USDZ : faut-il les deux ?

Pour la réalité augmentée sur iPhone et iPad, oui. Reality Converter, une application Mac gratuite d’Apple, transforme un GLB en USDZ, et les versions récentes de Blender exportent directement en USDZ. Qu’est-ce qu’un fichier USDZ couvre le côté Apple, y compris pourquoi un USDZ peut peser plus que le GLB dont il est issu.

Quels problèmes peuvent survenir avec un GLB, et comment y remédier ?

La plupart des problèmes de GLB viennent de quelques causes. Voici la liste que nous suivons, de ce que tu vois à ce qu’il faut changer.

Ce qu’un fichier GLB ne te dit pas

glTF mesure en mètres, mais un modèle n’a la bonne taille que si son auteur l’a réglée correctement. Un modèle généré à partir d’une photo n’a aucune dimension mesurée : garde les cotes dans le texte de la fiche.

Un GLB ne dit rien non plus de la qualité du modèle. Un fichier peut passer le glTF Validator et avoir quand même un pied de chaise fondu ou une texture floue, ce que seul un coup d’œil dans une visionneuse révélera.