Als je een Shopify-winkel runt en producten wilt presenteren met 3D-modellen, dan wil je deze spannende ontwikkeling niet missen. Shopify heeft zojuist precies de tool vrijgegeven die ze intern gebruiken om 3D-modellen te optimaliseren—en hij is helemaal gratis.
Waarom dit belangrijk is voor jouw winkel
3D-productvisualisatie wordt steeds belangrijker voor online retailers. Of je nu meubels, elektronica of mode verkoopt: klanten producten vanuit elke hoek laten bekijken kan de conversie aanzienlijk verhogen. Maar er was altijd één grote uitdaging: bestandsgrootte.
Today @Shopify is open sourcing the tool we use for optimizing glTF 3D models.
🔧 Tweak compression settings per texture
⚡ See changes immediately
🧰 Mesh compression options
🌐 Hosted online & free👇 Check the thread for details pic.twitter.com/HNgcXaxWxn
— Daniel Beauchamp (@pushmatrix) July 31, 2025
Grote 3D-bestanden zorgen voor trage laadtijden, wat klanten frustreert en de prestaties van je winkel schaadt. Tot nu toe hanteerden de meeste optimalisatietools een one-size-fits-all-aanpak, waarbij elke texture op dezelfde manier werd gecomprimeerd. Dat leidde vaak tot bestanden die nog steeds te groot waren, of tot modellen die er verschrikkelijk uitzagen.
Wat Shopify’s tool anders maakt
De nieuwe glTF Compressor (beschikbaar op gltf-compressor.com) lost dit probleem op met een baanbrekende functie: compressiecontrole per texture.
Dit kun je ermee doen:
- Compressie-instellingen per texture afzonderlijk aanpassen – Je normal maps (die oppervlaktedetails bepalen) kunnen een hogere kwaliteit behouden, terwijl minder kritieke textures zoals ambient occlusion maps agressiever gecomprimeerd kunnen worden
- Wijzigingen direct zien – Je hoeft je model niet steeds opnieuw te exporteren om verschillende instellingen te testen
- Originele vs. gecomprimeerde versies naast elkaar vergelijken – Neem beter onderbouwde beslissingen over de balans tussen kwaliteit en bestandsgrootte
- Toegang tot mesh-compressieopties – Optimaliseer niet alleen textures, maar ook de 3D-geometrie zelf
Hoe je het gebruikt voor jouw winkel
- Ga naar de tool op gltf-compressor.com – hij draait online en is volledig gratis
- Upload je glTF 3D-model – Dit is het standaardformaat voor webgebaseerde 3D-content
- Pas de compressie-instellingen aan voor elke texture afzonderlijk
- Bekijk wijzigingen realtime om te controleren of de kwaliteit aan je eisen voldoet
- Download het geoptimaliseerde model zodra je tevreden bent met het resultaat
Praktijkimpact: het Horizon Drive-voorbeeld
Om de kracht van deze tool te laten zien, maakte Shopify Horizon Drive—een volledig werkende racegame gebouwd met Three.js en React. Ondanks dat het een complexe 3D-ervaring is, weegt de hele game minder dan 10MB dankzij zorgvuldige optimalisatie met precies deze tool.
Wat misschien nog indrukwekkender is, is hoe ze het hebben gebouwd:
- Geen physics-libraries nodig
- Geen dure raycasting-berekeningen
- Track-collision detection met spline-gebaseerde normals en tangents
- Uitzonderlijke prestaties op standaard apparaten
Shopify just launched a racing game built in threejs and React (R3F).
No physics libraries. No raycasts.
Not vibe coded. But all vibes. ✨ pic.twitter.com/37WT2gMgpF
— Daniel Beauchamp (@pushmatrix) May 22, 2025
Je kunt het zelf ervaren als easter egg op Shopify’s Summer 2025 Editions-pagina.
Het team achter de tool
Deze krachtige optimalisatietool is gemaakt door een getalenteerd team bij Shopify, waaronder Daniel Beauchamp (@pushmatrix), Diego Macario (@maca_graphics), brennan (@letkma) en andere bijdragers.
Dit zijn dezelfde developers die de indrukwekkende Horizon Drive-racegame hebben gebouwd, wat hun diepgaande expertise in 3D-webervaringen laat zien. Hun beslissing om deze interne tool open source te maken, onderstreept Shopify’s inzet om merchants te versterken met resources van professioneel niveau.
Waarom open source ertoe doet
Door deze tool open source te maken (code beschikbaar op github.com/shopify/gltf-compressor), geeft Shopify je toegang tot dezelfde optimalisatietechnologie die ze gebruiken voor hun eigen high-performance 3D-ervaringen. Dat betekent:
- Geen vendor lock-in – Je bent eigenaar van je geoptimaliseerde bestanden
- Verbeteringen vanuit de community – Developers wereldwijd kunnen verbeteringen bijdragen
- Transparantie – Je kunt precies zien hoe je modellen worden verwerkt
- Mogelijkheid tot maatwerk – Tech-savvy merchants kunnen de tool aanpassen voor specifieke behoeften
Best practices voor je 3D-modellen
Als je de glTF Compressor gebruikt voor de 3D-modellen in je winkel, houd dan deze tips in gedachten:
- Begin met modellen van hoge kwaliteit – De tool optimaliseert bestaande content; hij kan slechte bronkwaliteit niet verbeteren
- Test op verschillende apparaten – Wat er goed uitziet op je high-end computer, kan op telefoons van klanten haperen
- Breng kwaliteit en performance in balans – Soms is een iets groter bestand dat betrouwbaar laadt beter dan een ultra-gecomprimeerd bestand dat er minder goed uitziet
- Houd rekening met je doelgroep – Mode-items hebben vaak een hogere texturekwaliteit nodig dan industriële apparatuur
Vandaag nog aan de slag
Als je al 3D-modellen gebruikt in je Shopify-winkel, haal ze dan vandaag nog door deze optimizer. Je ziet waarschijnlijk flinke reducties in bestandsgrootte zonder merkbaar kwaliteitsverlies. En als je nog geen 3D-visualisatie aan je winkel hebt toegevoegd, neemt deze tool één van de grootste drempels weg.
De combinatie van Shopify’s AR-mogelijkheden en deze nieuwe optimalisatietool betekent dat er nooit een beter moment is geweest om je productpagina’s te verbeteren met interactieve 3D-content. Je klanten zullen het waarderen dat ze producten tot in detail kunnen bekijken, en je winkel profiteert van meer betrokkenheid en lagere bounce rates dankzij snel ladende 3D-ervaringen van hoge kwaliteit.
Klaar om je 3D-modellen te optimaliseren? Ga naar gltf-compressor.com en zie zelf het verschil.
