Se gestisci un negozio Shopify e vuoi mostrare i prodotti con modelli 3D, questa novità ti interesserà parecchio. Shopify ha appena rilasciato lo stesso identico strumento che usa internamente per ottimizzare i modelli 3D—ed è completamente gratuito.
Perché è importante per il tuo store
La visualizzazione 3D dei prodotti sta diventando sempre più importante per i retailer online. Che tu venda mobili, elettronica o articoli di moda, permettere ai clienti di vedere i prodotti da ogni angolazione può aumentare in modo significativo i tassi di conversione. Tuttavia, c’è sempre stata una grande sfida: la dimensione dei file.
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
I file 3D di grandi dimensioni portano a tempi di caricamento lenti, cosa che frustra i clienti e penalizza le performance del tuo store. Finora, la maggior parte degli strumenti di ottimizzazione ha adottato un approccio “taglia unica”, comprimendo ogni texture allo stesso modo. Il risultato spesso era: o file ancora troppo pesanti, oppure modelli con una resa pessima.
Cosa rende diverso lo strumento di Shopify
Il nuovo glTF Compressor (disponibile su gltf-compressor.com) risolve questo problema con una funzionalità rivoluzionaria: controllo della compressione per singola texture.
Ecco cosa puoi fare:
- Regolare le impostazioni di compressione singolarmente per ogni texture – Le normal map (che definiscono i dettagli della superficie) possono mantenere una qualità più alta, mentre texture meno critiche come le mappe di ambient occlusion possono essere compresse in modo più aggressivo
- Vedere le modifiche immediatamente – Non serve esportare il modello ripetutamente per testare impostazioni diverse
- Confrontare originale e compresso affiancati – Per decidere con criterio il compromesso tra qualità e dimensione
- Accedere alle opzioni di compressione della mesh – Ottimizzare non solo le texture, ma anche la geometria 3D stessa
Come usarlo per il tuo store
- Visita lo strumento su gltf-compressor.com – è online e completamente gratuito
- Carica il tuo modello 3D in formato glTF – È lo standard per i contenuti 3D sul web
- Regola le impostazioni di compressione per ogni texture singolarmente
- Anteprima delle modifiche in tempo reale per assicurarti che la qualità rispetti i tuoi standard
- Scarica il modello ottimizzato quando sei soddisfatto del risultato
Impatto reale: l’esempio di Horizon Drive
Per dimostrare la potenza di questo strumento, Shopify ha creato Horizon Drive—un gioco di corse completamente funzionante realizzato con Three.js e React. Nonostante sia un’esperienza 3D complessa, l’intero gioco pesa meno di 10MB grazie a un’ottimizzazione accurata effettuata proprio con questo strumento.
Ancora più impressionante è come l’hanno realizzato:
- Nessuna libreria di fisica necessaria
- Nessun calcolo di raycasting costoso
- Rilevamento delle collisioni del tracciato tramite normali e tangenti basate su spline
- Prestazioni eccezionali su dispositivi standard
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
Puoi provarlo anche tu come easter egg nella pagina Summer 2025 Editions di Shopify.
Il team dietro lo strumento
Questo potente strumento di ottimizzazione è stato creato da un team di grande talento in Shopify, tra cui Daniel Beauchamp (@pushmatrix), Diego Macario (@maca_graphics), brennan (@letkma) e altri contributor.
Sono gli stessi sviluppatori che hanno realizzato l’impressionante gioco di corse Horizon Drive, a dimostrazione della loro profonda competenza nelle esperienze 3D sul web. La decisione di rendere open source questo strumento interno mostra l’impegno di Shopify nel mettere a disposizione dei merchant risorse di livello professionale.
Perché l’open source conta
Rendendo open source questo strumento (codice disponibile su github.com/shopify/gltf-compressor), Shopify ti dà accesso alla stessa tecnologia di ottimizzazione che usa per le proprie esperienze 3D ad alte prestazioni. Questo significa:
- Nessun vendor lock-in – I file ottimizzati restano tuoi
- Miglioramenti della community – Sviluppatori di tutto il mondo possono contribuire con miglioramenti
- Trasparenza – Puoi vedere esattamente come vengono elaborati i tuoi modelli
- Possibilità di personalizzazione – I merchant più tecnici possono modificare lo strumento per esigenze specifiche
Best practice per i tuoi modelli 3D
Quando usi glTF Compressor per i modelli 3D del tuo store, tieni a mente questi consigli:
- Parti da modelli di alta qualità – Lo strumento ottimizza contenuti esistenti; non può migliorare una qualità di partenza scarsa
- Testa su diversi dispositivi – Ciò che sembra perfetto su un computer di fascia alta potrebbe faticare sugli smartphone dei clienti
- Bilancia qualità e performance – A volte un file leggermente più grande che carica in modo affidabile è meglio di uno ultra-compresso che rende male
- Considera il tuo pubblico – Gli articoli di moda potrebbero richiedere una qualità delle texture più alta rispetto a macchinari industriali
Inizia oggi
Se stai già usando modelli 3D nel tuo negozio Shopify, prova a passarli oggi stesso in questo ottimizzatore. Probabilmente vedrai riduzioni importanti della dimensione dei file senza una perdita di qualità percepibile. Se invece non hai ancora aggiunto la visualizzazione 3D al tuo store, questo strumento elimina una delle principali barriere d’ingresso.
La combinazione delle funzionalità AR di Shopify e di questo nuovo strumento di ottimizzazione significa che non c’è mai stato un momento migliore per migliorare le tue pagine prodotto con contenuti 3D interattivi. I tuoi clienti apprezzeranno la possibilità di esaminare i prodotti nel dettaglio, e il tuo store beneficerà di un maggiore coinvolgimento e di una riduzione del bounce rate grazie a esperienze 3D di alta qualità che si caricano velocemente.
Pronto a ottimizzare i tuoi modelli 3D? Vai su gltf-compressor.com e scopri la differenza in prima persona.
