Una guida completa per ottimizzare le immagini, i video e i modelli 3D dei prodotti Shopify

Questo articolo riguarda la configurazione e il caricamento delle immagini dei prodotti su Shopify. Dopo l'aggiornamento del sistema, la sezione per il caricamento delle immagini dei prodotti è stata rinominata "Media", il che significa che ora puoi caricare non solo immagini dei prodotti, ma anche video e modelli 3D, offrendo più modi per mostrare i prodotti. Tuttavia, l'obiettivo finale rimane lo stesso: convertire il traffico in ordini.

Formati immagine consigliati da Shopify – JPG o PNG

Shopify supporta la maggior parte dei formati di file immagine, con PNG, JPEG e GIF come quelli consigliati. Sono supportati anche altri formati immagine come PSD, TIFF, BMP, HEIC e WebP. I seguenti sono i formati immagine prodotto consigliati da Shopify:

Immagini in formato JPG

Le immagini JPEG/JPG sono adatte per visualizzare immagini statiche relativamente ricche e complesse, come le immagini fotografate. Le immagini JPEG/JPG sono ricche di colore e possono mantenere la qualità dell'immagine garantendo al contempo l'effetto di visualizzazione, ovvero la compressione senza perdita di immagini. Ciò garantisce sia l'effetto di visualizzazione dell'immagine sia la velocità di apertura del sito Web riducendo le dimensioni del file. Nella stessa dimensione del file, il colore delle immagini JPG è significativamente più luminoso di GIF e PNG.

Pertanto, sia Shopify che l'autore di "10 Must Know Image Optimization Tips" considerano le immagini in formato JPG come la prima scelta per le immagini dei prodotti sui siti di e-commerce indipendenti. "Il miglior tipo di file per le immagini dei prodotti è .jpg". Le immagini GIF dovrebbero essere evitate il più possibile. Tuttavia, se necessario, puoi creare alcune animazioni GIF da inserire nelle descrizioni dei prodotti per aumentare il tasso di conversione degli ordini, a condizione che tu controlli le dimensioni delle immagini GIF per garantire buone prestazioni del sito web.

Pertanto, le immagini JPEG/JPG sono adatte per immagini di prodotti, banner di siti web, immagini di caroselli, pagine di siti web e immagini di post di blog.

Immagini in formato PNG

Le immagini PNG sono il formato ideale per i file di icone grafiche e supportano anche la trasparenza, rendendole adatte per immagini quali loghi su siti web e file di icone social.

Immagini in formato WebP Quando si creano immagini di prodotto, non c'è bisogno di creare deliberatamente file in formato WebP da caricare su Shopify. Il servizio Imagery di Shopify visualizzerà automaticamente le immagini nel miglior formato disponibile in base al browser supportato dal cliente.

Ad esempio, se apriamo una pagina di un sito web Shopify utilizzando il browser Google Chrome, Shopify sostituirà automaticamente tutte le immagini in formato JPG su quella pagina con immagini in formato "WebP". Se visiti la stessa pagina utilizzando un browser che non supporta il formato "WebP", come il browser IE, tutte le immagini su quella pagina saranno comunque in formato JPG. Il motivo per cui Shopify converte automaticamente le immagini in formato JPG o WebP è che questi tipi di file possono ottenere l'ottimizzazione in termini di resa cromatica e dimensione del file, che è la velocità di apertura. L'intero processo è completato da Shopify e non dobbiamo fare nulla.

WebP è un formato immagine sviluppato da Google per velocizzare il caricamento delle immagini. La dimensione compressa dell'immagine è circa 2/3 di JPEG, il che può far risparmiare molta larghezza di banda del server e spazio dati. Può ridurre la dimensione delle risorse di caricamento delle immagini, risparmiare risorse di traffico utente e ridurre le risorse di traffico del server. Poiché è un servizio sviluppato da Google, la sua compatibilità non è così completa. Tuttavia, non dobbiamo preoccuparci di questo, poiché Shopify deciderà automaticamente se visualizzare immagini in formato JPG o immagini in formato Webp in base all'ambiente del browser del cliente.

Possiamo provare ad aprire la nostra pagina prodotto con il browser Google Chrome, e poi scaricare un'immagine. Di solito, il formato di file salvato predefinito è WebP, anche se il formato dell'immagine che abbiamo caricato è JPG o PNG.

Dimensioni, dimensioni e proporzioni dell'immagine del prodotto consigliate da Shopify:

• La dimensione ideale dell'immagine del prodotto è 2048 x 2048 pixel.
• La dimensione ideale dell'immagine non dovrebbe superare i 200 KB.

Non è necessario che le dimensioni dell'immagine siano quadrate. Ad esempio, le immagini dei prodotti sul sito web Fashion Nova sono tutte rettangolari con proporzioni coerenti. Questo effetto di visualizzazione può essere migliore, specialmente per l'abbigliamento, in quanto può riempire l'intero schermo di un telefono cellulare. Quando apri il collegamento al prodotto, l'intero schermo visualizza l'immagine del prodotto, il che crea un impatto visivo molto migliore.

Maggiore è il numero di pixel di un'immagine di prodotto, più chiara apparirà. Tuttavia, numeri di pixel più alti in genere significano file di immagini più grandi, che possono rallentare i tempi di caricamento del sito web. Pertanto, è necessario trovare un equilibrio tra numero di pixel e dimensioni del file.

Restrizioni di Shopify sui file immagine

Le immagini caricate su un sito Web Shopify hanno limitazioni sia sulle dimensioni in pixel che sulle dimensioni dei file. Qualsiasi file che superi i seguenti limiti visualizzerà un errore quando caricato:

• Limite dimensione pixel: Dimensioni: 4472 x 4472, 20 milioni di pixel (il prodotto dei pixel di larghezza e altezza dell'immagine)
• Limite dimensione file: 20 MB
• Il numero di immagini di prodotto per un singolo prodotto non può superare 250 immagini.
• Shopify consiglia le dimensioni dell'immagine del prodotto di Dimensioni: 2048 x 2048 pixel.

Per raggiungere foto di alta qualità, potremmo aver bisogno di usare strumenti di modifica delle immagini per ottimizzarle e ridimensionarle per il web. Immagini più grandi possono rallentare i tempi di caricamento delle pagine. La dimensione ideale delle immagini non dovrebbe superare i 200 KB, e più piccole sono meglio è.

Quando si comprimono le immagini, fare attenzione a non comprimerle eccessivamente, poiché ciò potrebbe causare la comparsa di macchie.

Come controllare le dimensioni del file immagine mantenendo il più possibile la qualità dell'immagine

Potresti aver sentito dire che se un sito web non si apre entro 3 secondi su un computer desktop, molte persone scelgono di andarsene; sui dispositivi mobili, questo tempo aumenta a 5 secondi. Secondo uno studio sui dati di Amazon, se il loro sito web si carica 1 secondo più lentamente, perdono circa $1,6 miliardi di vendite all'anno. Nell'algoritmo di classificazione di Google, la velocità di caricamento del sito web è anche uno dei fattori importanti per ottenere una classificazione più alta.

Pertanto, se il tuo sito web si carica lentamente, la maggior parte delle persone sceglierà di chiudere la pagina prima che finisca di caricarsi, il che significa che non ci sarà alcuna conversione in ordini. Sebbene Shopify utilizzi varie tecnologie di accelerazione delle pagine web, come la tecnologia CDN e la tecnologia di compressione delle immagini, se il tuo sito web deve caricare molti file di grandi dimensioni, come le immagini banner da 2 MB comunemente utilizzate e le immagini di prodotti di grandi dimensioni, questi saranno comunque fattori importanti che influenzano la velocità di caricamento del sito web.

Pertanto, si raccomanda di controllare le dimensioni dei file immagine assicurandone la qualità. Esistono molti strumenti per questo scopo, come Tinypng. Ecco alcuni strumenti di compressione consigliati che puoi provare:

• Scarica PNG: https://tinypng.com/
• Compressor.io: https://compressor.io/compress
• Kraken.io: https://kraken.io/web-interface
• OptimiZilla: https://optimizilla.com/

Compressione e conversione automatica delle immagini di Shopify

Per velocizzare il caricamento del sito Web, ridurre i tempi di caricamento delle pagine e archiviare più immagini in un numero specifico di dischi, Shopify comprime le immagini che soddisfano requisiti specifici in condizioni specifiche. La compressione delle immagini può comportare modifiche nella qualità delle immagini. La risoluzione dell'immagine compressa è correlata alla risoluzione dell'immagine caricata e alle dimensioni dell'immagine. Di solito, la risoluzione dell'immagine compressa dopo la compressione è la seguente:

• JPEG: tra 65-90
• Dimensioni: 90
• GIF: non compresso

La risoluzione specifica dell'immagine può essere visualizzata e regolata usando PS (scorciatoia Ctrl+Alt+I). Come mostrato nella figura sottostante, la risoluzione "72" nella figura è il valore DPI dell'immagine.

Requisiti per le immagini dei prodotti del negozio Shopify e ottimizzazione delle immagini
Per i file in formato JPEG, Shopify deciderà se comprimere l'immagine in base alla risoluzione dell'immagine originale. Ad esempio, se la risoluzione dell'immagine che carichiamo è maggiore di 86 e uno dei due lati dell'immagine è maggiore o uguale a 1024px, Shopify comprimerà l'immagine e la risoluzione dell'immagine compressa sarà 85.

Se la risoluzione dell'immagine prima del caricamento è compresa tra 65 e 85 e uno dei lati dell'immagine è maggiore o uguale a 1024 px, Shopify non elaborerà l'immagine in alcun modo e utilizzerà l'immagine originale caricata.

Risoluzione originale	Dimensione dell'immagine	Risoluzione compressa
86 o superiore	Larghezza o altezza dell'immagine >= 1024px	85
65 – 85	Larghezza o altezza dell'immagine >= 1024px	Qualità originale
64 o inferiore	Larghezza o altezza dell'immagine >= 1024px	65
76 o superiore	Larghezza e altezza dell'immagine < 1024px	75
65 – 75	Larghezza e altezza dell'immagine < 1024px	Qualità originale
64 o inferiore	Larghezza e altezza dell'immagine < 1024px	65

Selezione delle immagini della scena come immagini principali per i prodotti Shopify

Per quanto riguarda come scattare buone foto di prodotti, poiché il contenuto coinvolto è troppo professionale, al momento non sono in grado di spiegarlo in modo approfondito. Tuttavia, scattare buone foto di prodotti ha un impatto molto positivo e importante su di noi per la gestione di siti Web indipendenti e l'aumento dei tassi di conversione dei siti Web. Si consiglia a tutti di chiedere di più a Google. C'è un detto: nell'e-commerce, ciò che viene effettivamente venduto sono le immagini. Ma quello che so è che per i siti Web indipendenti, non è necessario rispettare i requisiti di Amazon per le immagini dei prodotti. L'immagine principale non deve essere un'immagine di sfondo bianco, ma un'immagine di scena del prodotto.

Editor di foto iFoto è uno strumento di modifica delle immagini all'avanguardia che sfrutta la tecnologia AI avanzata per migliorare la risoluzione delle immagini in modo efficiente, garantendo output di alta qualità sia per uso aziendale che personale. Offre una gamma di funzionalità pratiche come la rimozione dello sfondo, il miglioramento delle foto, la pulizia delle immagini e la regolazione del colore, rendendolo ideale per migliorare le immagini dei prodotti per i negozi Shopify. Con iFoto Photo Editor, l'aggiornamento delle pagine delle informazioni sui prodotti diventa semplice, portando a un maggiore coinvolgimento dei clienti, a migliori percentuali di clic (CTR) e a classifiche più elevate su Shopify.

Oltre alle sue funzionalità focalizzate su Shopify, iFoto Photo Editor è disponibile come piattaforma basata sul Web e come applicazioni iOS/Android, offrendo un'esperienza di modifica delle immagini senza soluzione di continuità per gli utenti in vari scenari. Rinomato come uno dei migliori strumenti di modifica delle immagini basati sull'intelligenza artificiale disponibili, iFoto Photo Editor si è guadagnato una reputazione stellare e vanta un'ampia base di utenti fedeli in tutto il mondo.

Caratteristiche principali:

• Utilizza tecniche di intelligenza artificiale avanzate per un efficiente miglioramento della risoluzione delle immagini.
• Funzioni su misura progettate specificamente per le esigenze dell'e-commerce.
• Mantiene risoluzioni elevate per garantire la massima qualità delle immagini.
• Efficace nel migliorare il CTR e aumentare il coinvolgimento dei clienti.

Per un esempio estremo, come mostrato nell'immagine sottostante, per la luce per bicicletta Revolights, l'immagine a sinistra è un'immagine di prodotto e l'immagine a destra è un'immagine di scena del suo utilizzo. Quale immagine è più attraente per noi?

Denominazione corretta dei file immagine del prodotto

Creazione di nomi di file descrittivi e ricchi di parole chiave. I motori di ricerca non solo scansionano il testo sulla tua pagina web, ma cercano anche parole chiave nei nomi dei file delle immagini.

Di solito, dopo aver scattato le foto con una macchina fotografica/telefono, importiamo le foto nel computer e il nome del file della foto sarà una stringa di caratteri alfanumerici più l'estensione del file. Come DCMIMAGE10.jpg. Il primo passo per ottimizzare l'immagine del prodotto prima di caricarla su Shopify è cambiare il nome del file dell'immagine sul computer. Ad esempio, cambialo in: 2012-Ford-Mustang-LX-Red.jpg.

Perché? Come detto sopra, i motori di ricerca non solo scansionano il testo sulla tua pagina web, ma cercano anche parole chiave nei nomi dei file immagine. Se l'immagine è denominata DCMIMAGE10.jpg per impostazione predefinita, il motore di ricerca non può sapere quale contenuto è presente in questa immagine. Se è denominata 2012-Ford-Mustang-LX-Red.jpg, il motore di ricerca indicizzerà le parole chiave nel nome dell'immagine.

Quindi, quale di questi tre nomi è migliore: 2012 Red Ford Mustang LX; Ford Mustang LX Red 2012; Red Ford Mustang LX 2012? Secondo me sono la stessa cosa, ma l'autore dell'articolo suggerisce di vedere quale metodo di ordinamento delle parole chiave stanno utilizzando i visitatori in base ai dati di analisi del sito Web, quindi rinominare e ricaricare l'immagine. La corrispondenza esatta delle ricerche dei clienti è, ovviamente, migliore, ma penso che finché l'immagine del prodotto può essere descritta accuratamente e l'ordine delle parole è logico, sia sufficiente.

Infatti, non solo per Shopify, ma qualsiasi immagine dovrebbe essere rinominata in questo modo prima di essere caricata, e questa dovrebbe diventare un'abitudine.

Tips: When naming images, use “-” instead of spaces between words, otherwise, spaces will be replaced by “%20” after the image is uploaded to the server. For example, “2012 Ford Mustang LX Red.jpg” will become “2012%20Ford%20Mustang%20LX%20Red.jpg”.

Inoltre, se hai molte immagini da modificare, puoi provare a utilizzare uno strumento di rinominazione dei file batch.

Compilazione dell'attributo ALT per le immagini dei prodotti Shopify

ALT è l'abbreviazione della parola inglese "Alternate", che significa scambio o sostituzione. L'attributo ALT di un'immagine è un attributo necessario dell'immagine. Viene utilizzato per sostituire l'immagine da visualizzare nel browser quando l'immagine non può essere visualizzata o l'utente disabilita la visualizzazione dell'immagine. Supponiamo che l'immagine non possa essere visualizzata per i seguenti motivi:

1. Bassa velocità di rete;
2. Errore nell'attributo src;
3. Il browser disabilita le immagini;
4. Gli utenti utilizzano lettori di schermo.

Quando si aggiunge un'immagine, il valore dell'attributo ALT dell'immagine è definito come "Tulipano". Quando gli utenti aprono il browser per navigare, la visualizzazione normale è un'immagine di un tulipano. Se l'immagine non può essere aperta a causa di problemi di velocità di rete, il contenuto visualizzato nella posizione dell'immagine è: tulipano.

Al momento, gli utenti sanno che qui c'è una foto di tulipani, ma l'aspetto specifico della foto può essere solo immaginato.

Oltre ad aiutare gli utenti a comprendere il contenuto dell'immagine quando l'immagine non può essere aperta, un'altra importante funzione di ALT è quella di aiutare i motori di ricerca a comprendere meglio il contenuto dell'immagine. Le parole chiave in ALT possono aiutare i motori di ricerca a comprendere il contenuto dell'immagine, in modo che la tua immagine possa avere una migliore classificazione nei motori di ricerca, in particolare nei motori di ricerca di immagini come Google Image. Pertanto, quando parliamo di ottimizzazione SEO delle immagini, ciò che dobbiamo fare è aggiungere tag Alt a ciascuna immagine del prodotto.

Attualmente, una tendenza popolare nella visualizzazione delle immagini dei prodotti è quella di scattare alcune foto dettagliate del prodotto da diverse angolazioni. Pertanto, quando si compila l'attributo Alt dell'immagine, provare a compilare un tag Alt diverso per ogni immagine. Ad esempio, per l'immagine 2012-Ford-Mustang-LX-Red-Leather-Interior-Trim.jpg, utilizzare il tag Alt: alt = "2012 Ford Mustang LX Red Leather Interior Trim". Per un'altra immagine 2012-Ford-Mustang-LX-Red-Rear-View-Air-Spoiler.jpg, utilizzare il tag Alt: alt = "2012 Ford Mustang LX Red Rear View Air Spoiler".

Come mostrato nella figura sottostante, fai clic sull'immagine caricata e nella finestra popup possiamo aggiungere "testo alternativo" per l'immagine del prodotto. Nel processo di impostazione ALT, proprio come quando imposti il titolo e la descrizione del sito Web Shopify, fai un buon lavoro di estrazione di parole chiave a coda lunga e di layout per ottenere un traffico più accurato. Attualmente, il sistema Shopify stesso non supporta l'aggiunta o la modifica in batch online del contenuto ALT e può essere aggiunto o modificato solo uno alla volta aprendo ogni immagine, il che è ancora piuttosto macchinoso. Possiamo utilizzare una tabella per aggiungere ALT in batch o cercare un plugin adatto cercando "ALT" nell'app market per aggiungere o modificare ALT in batch.

Raccomandazioni ufficiali di Google per l'ottimizzazione delle immagini dei prodotti

Ecco alcuni suggerimenti dal sito Web ufficiale di Google per ottimizzare le immagini e ottenere un posizionamento migliore (estratti da alcuni dei suggerimenti che personalmente ritengo più importanti). La versione completa del testo originale è disponibile all'indirizzo support.google.com/webmasters/answer/114016.

Per aumentare la visibilità dei tuoi contenuti in Google Immagini, dai priorità a fornire un'esperienza utente eccellente: quando progetti pagine web, concentrati sugli utenti piuttosto che sui motori di ricerca. Ecco alcuni suggerimenti:

• Fornire informazioni rilevanti: Assicurati che il tuo contenuto visivo sia pertinente al tema della pagina web su cui si trova. Ti consigliamo di visualizzare solo immagini che aggiungano valore originale alla pagina web. Sconsigliamo vivamente l'uso di immagini e contenuti di testo completamente non originali sulle pagine web.
• Ottimizza il posizionamento: Posiziona le immagini il più vicino possibile al testo pertinente. Quando necessario, considera di posizionare le immagini più importanti nella parte superiore della pagina web.
• Evita di incorporare testo importante nelle immagini: Evita di incorporare testo (in particolare elementi di testo importanti come titoli di pagine web e voci di menu) nelle immagini, poiché non tutti gli utenti possono accedere a tale testo (e gli strumenti di traduzione di pagine web non funzionano sulle immagini). Per rendere il tuo contenuto accessibile al maggior numero possibile di persone, usa il formato HTML per il testo e fornisci testo alternativo per le immagini.
• Crea siti web ricchi di informazioni e di alta qualità: Per Google Immagini, il contenuto di una pagina web di alta qualità è importante quanto il contenuto visivo: può fornire informazioni di base e attrarre più clic dagli utenti che effettuano ricerche. Il contenuto della pagina web può essere utilizzato per generare un riepilogo di testo per le immagini e Google considera la qualità del contenuto della pagina web corrispondente quando classifica le immagini.
• Crea siti web accessibili da diversi dispositivi: Gli utenti sono più propensi a usare dispositivi mobili per cercare su Google Immagini rispetto ai dispositivi desktop. Pertanto, è necessario progettare un sito Web che sia adatto a tutti i tipi e dimensioni di dispositivi. Utilizza strumenti di test di compatibilità con i dispositivi mobili per testare le prestazioni della tua pagina Web sui dispositivi mobili e ottenere feedback su quali contenuti devono essere corretti.
• Crea una buona struttura URL per le immagini: Google usa percorsi URL e nomi file per comprendere le tue immagini. Ti consigliamo di organizzare bene il contenuto delle immagini per rendere logica la struttura URL.

Modifica l'immagine principale della pagina prodotto Shopify

Nella sezione file multimediali, la prima immagine grande visualizzata è l'immagine principale del prodotto. Quando si richiamano e si visualizzano queste informazioni sul prodotto su pagine di prodotti non varianti, homepage, pagine di elenco prodotti, ecc., l'immagine visualizzata predefinita è questa immagine grande. Possiamo trascinare manualmente l'immagine che vogliamo impostare come immagine principale del prodotto nella posizione dell'immagine grande per sostituire l'immagine principale.

Allo stesso tempo, possiamo anche regolare la posizione dell'immagine per modificare l'ordine di visualizzazione delle varie immagini nel frontend della pagina del prodotto.

Caricamento dei video dei prodotti su Shopify

Carica video su Shopify o incorpora video di YouTube/Vimeo

Possiamo caricare i video direttamente sul backend di Shopify o caricare prima i video su YouTube o Vimeo, e poi aggiungere i video al backend di Shopify in modo incorporato. Ho fatto un semplice test, che consiste nel caricare un video di circa 15 MB di dimensione rispettivamente su Shopify e YouTube, e poi testare la velocità di apertura delle due pagine usando Webpagetest e PageSpeedInsight senza cambiare la sorgente video. La conclusione è che fondamentalmente non c'è differenza.

Sebbene il video che abbiamo caricato sia di 15 MB, quando i clienti aprono la pagina, verrà caricata solo la miniatura del video, non l'intero file video. Solo quando il cliente clicca sul pulsante play, il sistema inizierà a caricare e riprodurre il video.

Per caricare un video su Shopify, il video deve soddisfare i seguenti requisiti:

• Durata del video: fino a 10 minuti
• Dimensioni video: fino a 1 GB
• Risoluzione video: fino a 4K (4096 x 2160 px)
• Tipi di file video: .mp4 o .mov

Per quanto riguarda la risoluzione video, è accettabile scegliere 480P, 720P, 1080P o 4K. Maggiore è la risoluzione video, maggiore è la dimensione del file. Tuttavia, quando i clienti guardano il video, se il client supporta la regolazione della risoluzione, il sistema deciderà automaticamente quale risoluzione riprodurre in base alla velocità di rete del cliente. Ad esempio, se carichiamo un video 1080P, i clienti con velocità di rete basse potrebbero riprodurre automaticamente un video 480P, mentre quelli con velocità di rete elevate potrebbero riprodurre automaticamente un video 1080P.

Se carichiamo il video su YouTube o Vimeo, non ci sono restrizioni di questo tipo, ma il video che carichiamo deve rispettare le regole di YouTube o Vimeo.

Modifica la miniatura del video del prodotto Shopify

Simile alla modifica del contenuto del tag ALT delle immagini del prodotto, fai clic sul video nella pagina di modifica del prodotto, fai clic sul pulsante delle opzioni sul lato destro del pulsante di download nella finestra popup di modifica video, quindi fai clic sul pulsante "Sostituisci miniatura" per caricare la tua miniatura video. Nota che anche la dimensione della miniatura dovrebbe essere controllata. Mentre assicuri la nitidezza dell'immagine, cerca di mantenerla al di sotto dei 200 KB, più è piccola, meglio è. Un file troppo grande influirà sulla velocità di caricamento della pagina del sito web.

Utilizzo di YouTube o Vimeo

Se inserisci un video nei prodotti Shopify tramite incorporamento, al momento sono supportati solo i link YouTube o Vimeo. Confrontando i due, le raccomandazioni video correlate di YouTube attireranno gli utenti a lasciare il nostro sito Web, quindi Vimeo ci offre un'esperienza migliore.

La versione gratuita di Vimeo ha un supporto video limitato e impostazioni di stile del player limitate. Se le condizioni lo consentono, prendi in considerazione l'utilizzo della versione a pagamento.

Caricamento di modelli 3D di prodotti su Shopify

Rispetto alle immagini e ai video, i modelli 3D dei prodotti possono mostrare ai clienti maggiori informazioni e dettagli sul prodotto. Shopify supporta i tipi di file di modelli 3D GLB e USDZ, con dimensioni di file non superiori a 500 MB. Se il file del modello 3D è più grande di 15 MB, Shopify ottimizzerà la struttura e la texture del modello per impacchettare il file 3D in tempi più brevi.

Ho scaricato un file GLB con una dimensione di 5 MB online (sketchfab.com). Ho controllato il flusso di caricamento della pagina a cascata in WebPageSpeed e, come nel video, la pagina ha caricato solo una miniatura del modello 3D generato automaticamente dal sistema, quindi, sebbene il file GLB sia grande, non ha un impatto particolarmente grande sulla velocità di apertura della pagina web. Solo quando i clienti cliccano sul pulsante Browse sul modello, il sistema inizia a scaricare e caricare questo file da 5 MB sulla pagina.

Oltre a sostituire liberamente miniature come i video, possiamo anche regolare la luminosità, il colore di sfondo, la prospettiva predefinita e l'ambiente di illuminazione del modello 3D tramite il pulsante "Modifica file". La funzione è piuttosto potente.

Il costo di realizzazione dei modelli 3D non è basso, ma se si tratta di un singolo prodotto o il numero di prodotti venduti sull'intero sito web non è elevato, puoi prendere in considerazione la realizzazione di modelli 3D per i prodotti principali o per tutti i prodotti, per visualizzare in modo più completo i dettagli e i vantaggi del prodotto e migliorare il tasso di conversione degli ordini.

Non ho ancora utilizzato modelli 3D. Chi è interessato può andare sul mercato Shopify Experts o su Fiverr per trovare fornitori di servizi per un preventivo e vedere all'incirca quanto costa realizzare modelli 3D dei propri prodotti, se rientra nel budget, vale la pena investire.