Een GLB viewer laat een 3D-bestand zien, maar een zichtbaar model is nog niet automatisch klaar voor je website. Controleer ook de onderdelen, materialen, schaal en bestanden waarvan het afhankelijk is. Hieronder kun je hetzelfde eigen model als GLB en als glTF bekijken en de echte bronbestanden vergelijken.
GLB en glTF: hetzelfde model, anders verpakt
Eigen bestandsvoorbeeld- Geometrie in de scène
- 28.560 driehoeken / 28 meshplaatsingen
- Weergave
- 4 materialen / 0 texturen
- Afmetingen
- 276 × 228 × 98 mm, afgerond
Zelf ontworpen demonstratieproduct, geen klantmodel of gescand handelsproduct. De afmetingen volgen uit het voorbeeldbestand; het is geen technische productmeting. De kleuren komen uit materialen, niet uit afbeeldingsbestanden.
Het GLB-voorbeeld bevat alles voor dit model in één bestand. De glTF-versie verwijst naar headphones.bin: bewaar die twee bestanden bij elkaar onder de getoonde namen. Beide exports zijn voor deze gids met de Khronos-validator gecontroleerd: nul fouten en nul waarschuwingen. De voorbeeldbestanden zijn bedoeld om deze uitleg zelf te controleren; alle rechten op het eigen model blijven voorbehouden.
Wat is het verschil tussen GLB en glTF?
glTF beschrijft onder meer de scène, geometrie en materialen. Een bestand met de extensie .gltf is leesbare JSON en kan losse buffers en afbeeldingen gebruiken. GLB is de binaire container waarin beschrijving en gegevens samen kunnen worden opgeslagen. Een GLB kan volgens de officiële glTF-specificatie ook nog externe bronnen verwijzen. De extensie alleen bewijst dus niet dat je alles hebt ontvangen.
In ons voorbeeld bevat de BIN-buffer de geometriegegevens. Het veranderen van verpakking voegt geen detail, scherpere texturen of betere maatvoering toe. Ook een materiaal zonder texturebestand kan een kleur, ruwheid en metaalachtig karakter beschrijven. Daarom heeft dit model vier materialen, maar geen texturen.
| Keuze | Praktisch voordeel | Te controleren |
|---|---|---|
| GLB | Een handig overdraagbaar bestand wanneer bronnen zijn ingebed. | Of er toch externe verwijzingen zijn en de ontvanger gebruikte extensies ondersteunt. |
| glTF met losse bronnen | Beschrijving en gegevens zijn afzonderlijk beschikbaar. | Bestandsnamen, paden, alle buffers en afbeeldingen samen overdragen. |
| Beide exports | Dezelfde bedoelde scène kan op verschillende manieren worden verpakt. | Vergelijk het geladen resultaat, niet alleen de bestandsgrootte of extensie. |
Welke viewer gebruik je voor je controle?
Begin bij de omgeving waarin het model uiteindelijk moet werken. Een correcte weergave in een losse desktopviewer bewijst nog niet dat de mobiele webshop dezelfde extensies, materialen of animaties ondersteunt. Gebruik een tweede viewer om een probleem te onderzoeken, niet als vervanging voor de echte publicatietest.
- Bestandsstructuur: de Khronos glTF Validator helpt structurele problemen herkennen. Beoordeel daarna zelf het uiterlijk, de productinhoud en schaal.
- Een webcomponent: model-viewer is een bestaande route voor interactieve modellen op een website. Toets de concrete toepassing en eventuele AR-route op de bedoelde apparaten.
- Maatwerk in Three.js: de GLTFLoader biedt modelinvoer binnen een eigen viewer. Bepaalde compressie- en texture-extensies vragen aanvullende decoders; die zijn niet automatisch in iedere viewer ingesteld.
De voorbeeldviewer op deze pagina opent alleen onze twee voorbereide exports. Je kunt hier geen eigen bestanden uploaden of converteren. Gebruik bij een andere online tool geen vertrouwelijke productbestanden voordat duidelijk is waar de verwerking gebeurt, wat wordt verzonden en welke voorwaarden gelden.
Controleer meer dan alleen of het bestand opent
1. Klopt het product en de schaal?
Vergelijk het webmodel met de goedgekeurde bron: zijn de juiste uitvoering, onderdelen en verhoudingen aanwezig? Controleer een bekende buitenmaat. Het glTF-uitgangspunt is meter; een voorbeeldhoogte van ongeveer 0,231 betekent dus ongeveer 231 mm. Vergroot een model niet alleen op gevoel omdat het in één viewer klein oogt: de camera kan ook de oorzaak zijn.
2. Zijn materialen en verlichting passend?
Een donkere of glimmende weergave hoeft geen ontbrekende texture te betekenen. Bekijk welke materialen werkelijk in het bestand zitten en hoe de viewer ze belicht. Vergelijk juist de kenmerkende delen van je product: coating, transparantie, zachte oppervlakken of metaal. Laat een visuele afwijking niet ongezien door naar alle producten in een collectie.
3. Werken afhankelijkheden en mobiel laden?
Controleer de echte publicatie-URL, inclusief toegangsrechten, bestandsverwijzingen en foutmeldingen. Test op een kleinere telefoon en onder minder gunstige laadomstandigheden. Een laadbare desktopweergave is geen bewijs dat de klant op mobiel ook snel een bruikbaar beeld krijgt. Laat tijdens het laden een passend productbeeld zien en houd de contact- of aankooproute bereikbaar.
Een GLB kleiner maken zonder de verkeerde details te verliezen
Inventariseer eerst waar het bestand uit bestaat. Bij een model met veel grote afbeeldingen ligt een andere aanpak voor de hand dan bij onnodig complexe geometrie. De afweging is inhoudelijk: welke vorm, herkenning en oppervlakte zijn op de uiteindelijke kijkafstand nodig?
glTF Transform biedt bewerkingen voor onder meer geometrie, texturen en bestandstructuur. Compressie is geen algemeen kwaliteitskeurmerk. Maak een aparte webexport, bewaar de goedgekeurde bron en vergelijk het resultaat in de beoogde viewer. Een lager aantal bytes is pas nuttig als het product nog klopt en de gekozen decoder werkelijk beschikbaar is.
Gaat het om nieuwe bronbestanden of een ongeschikte bestaande export? Bekijk een 3D productmodel laten maken. Voor de publicatie en bediening in je website is een 3D viewer integreren de passende vervolgstap.
Vragen over GLB en glTF bekijken
Is een GLB altijd één zelfstandig bestand?
Nee. GLB kan gegevens in de container bewaren, maar ook externe bronnen verwijzen. Controleer de werkelijke inhoud en afhankelijkheden. Ons eigen voorbeeld is zelfstandig; die eigenschap volgt niet automatisch uit iedere GLB-extensie.
Waarom ontbreken texturen in mijn viewer?
Controleer eerst of het bestand texturen bevat en of de benodigde afbeeldingen bereikbaar zijn. Daarna spelen onder meer ondersteunde formaten, extensies en materiaalinstellingen mee. Een model zonder texturen kan bewust materialen met vaste kleuren gebruiken, zoals het voorbeeld in deze gids.
Betekent nul validatorfouten dat mijn model klaar is?
Nee. Structurele validatie controleert niet of de juiste productuitvoering is aangeleverd, de schaal inhoudelijk klopt of de mobiele ervaring goed genoeg is. Combineer de validator met visuele, inhoudelijke en publicatiecontroles.
Kan ik een GLB direct gebruiken voor 3D-printen of productie?
Niet op basis van de extensie. Een webmodel kan vereenvoudigd zijn en hoeft geen gesloten, maakbare geometrie of gecontroleerde technische maatvoering te bevatten. Laat de eisen van het productieproces afzonderlijk beoordelen.
Vertel welk product, welke bron en welke website je voor ogen hebt.
