Come Ottimizzare le Immagini per le Pagine Prodotto E-commerce | Bulk Image Compressor
Le immagini dei prodotti vendono. Se un acquirente non vede chiaramente i dettagli, non compra. Ma se le tue immagini sono troppo grandi e le tue pagine caricano lentamente, se ne vanno prima che le immagini finiscano di caricarsi. Trovare questo equilibrio è una delle cose più pratiche che puoi fare per un negozio online.
La buona notizia è che non devi scegliere tra qualità e velocità. Con le giuste impostazioni di compressione e i giusti formati, le tue foto prodotto possono apparire nitide sullo schermo caricandosi rapidamente su qualsiasi dispositivo.
Perché la dimensione delle immagini prodotto è importante
Una tipica pagina prodotto ha tra 4 e 8 immagini: la foto principale, alcune angolazioni, forse un dettaglio e un’immagine lifestyle che mostra il prodotto in uso. Se ognuna di queste è un file non compresso da 4MB dal tuo fotografo, sono da 16 a 32MB di immagini per pagina.
Le pagine prodotto lente danneggiano direttamente le vendite. Una ricerca di Deloitte ha scoperto che un miglioramento di 0,1 secondi nella velocità del sito mobile ha portato a un aumento dell’8,4% nelle conversioni per i siti retail. Il fattore più importante nella velocità della pagina per l’e-commerce sono quasi sempre le immagini.
C’è anche il fattore mobile. La maggior parte degli acquisti online avviene sui telefoni. Le tue immagini prodotto devono caricarsi rapidamente su connessioni cellulari, non solo su Wi-Fi veloce.
Scatti su sfondo bianco vs foto lifestyle
Questi due tipi di immagini prodotto hanno caratteristiche di compressione diverse.
Gli scatti prodotto su sfondo bianco sono ciò che vedi su Amazon, eBay e la maggior parte delle pagine di elenchi prodotti. Tipicamente hanno uno sfondo bianco pulito con il prodotto al centro. Queste immagini si comprimono molto bene perché grandi aree di bianco solido richiedono pochissimi dati. Puoi spesso comprimerle al 75-80% di qualità JPEG e non vedere quasi alcuna differenza.
Le foto lifestyle mostrano i prodotti in ambienti reali. Una tazza da caffè su un piano di cucina, una giacca su un modello all’aperto, scarpe su un marciapiede cittadino. Queste immagini hanno più complessità visiva con sfondi vari, texture e illuminazione. Richiedono impostazioni di qualità leggermente più alte, circa 80-85%, per mantenere i dettagli.
Entrambi i tipi possono essere significativamente più piccoli degli originali. Uno scatto prodotto su sfondo bianco da 5MB tipicamente si comprime a 200-400KB. Una foto lifestyle da 6MB si comprime a 300-600KB.
Requisiti e raccomandazioni delle piattaforme
Diverse piattaforme e-commerce hanno le proprie linee guida per le immagini. Ecco le specifiche per le principali:
Shopify raccomanda immagini a 2048 x 2048 pixel. La dimensione massima del file è 20MB, ma suggeriscono fortemente di mantenere le immagini ben al di sotto. Shopify fa una certa compressione automatica e serve WebP quando il browser lo supporta, ma partire con immagini ottimizzate dà risultati migliori.
WooCommerce non impone limiti rigidi poiché funziona sul tuo hosting. Ciò significa che l’ottimizzazione delle immagini è interamente una tua responsabilità. Le dimensioni predefinite delle miniature sono 600 x 600 per il catalogo e la dimensione intera per la pagina prodotto. Dovresti ridimensionare e comprimere prima di caricare.
Amazon richiede un minimo di 1000 pixel sul lato più lungo (per la funzionalità di zoom) e raccomanda 2000 pixel. La dimensione massima del file è 10MB. L’immagine principale deve avere uno sfondo bianco puro (RGB 255, 255, 255). Amazon comprime le immagini dalla sua parte, ma caricare immagini già ottimizzate ti dà più controllo sul risultato finale.
Etsy raccomanda 2000 pixel sul lato più corto. Accettano file fino a 1MB. Poiché il limite di Etsy è relativamente piccolo, dovrai quasi certamente comprimere prima di caricare.
Dimensioni e dimensioni dei file raccomandate
Per la maggior parte delle piattaforme e-commerce, ecco un obiettivo pratico:
| Tipo di immagine | Dimensioni | Dimensione target file |
|---|---|---|
| Foto prodotto principale | 2000 x 2000px | da 200 a 400KB |
| Angolazioni alternative | 2000 x 2000px | da 200 a 400KB |
| Scatto dettaglio/zoom | 2000 x 2000px | da 250 a 500KB |
| Foto lifestyle | 2000 x 1333px | da 300 a 600KB |
| Miniatura | 600 x 600px | da 30 a 60KB |
Queste dimensioni ti danno abbastanza risoluzione per le funzionalità di zoom mantenendo le pagine veloci. Il carico totale di immagini per pagina prodotto dovrebbe idealmente rimanere sotto 2MB.
Scegliere il formato giusto
JPEG è lo standard per la fotografia di prodotto. Gestisce bene le fotografie ed è supportato ovunque. Usalo come predefinito.
WebP offre circa il 25-35% di compressione migliore di JPEG alla stessa qualità visiva. Se la tua piattaforma lo supporta (Shopify lo fa automaticamente, WooCommerce ha bisogno di un plugin), WebP è un solido aggiornamento. Per un confronto più approfondito dei formati, leggi la nostra guida JPEG vs PNG vs WebP.
PNG è necessario solo quando le tue immagini prodotto richiedono trasparenza. Per esempio, se vendi articoli che devono essere mostrati senza alcuno sfondo, PNG preserva quella trasparenza. Altrimenti, evita PNG per le foto prodotto perché le dimensioni dei file sono molto più grandi.
Elaborazione batch per cataloghi prodotti
Se hai un negozio con dozzine o centinaia di prodotti, comprimere le immagini una alla volta non è realistico. Un catalogo prodotti con 200 articoli e 5 immagini ciascuno significa 1.000 immagini da elaborare.
È qui che la compressione batch fa risparmiare ore. Con Bulk Image Compressor, puoi inserire un’intera cartella di immagini prodotto e comprimerle tutte in una volta. Tutto funziona nel tuo browser, quindi le tue foto prodotto non vengono mai caricate su alcun server esterno. Questo è importante quando lavori con prodotti non ancora lanciati o immagini che non vuoi condividere prima del lancio.
Ecco un flusso di lavoro che funziona bene per i cataloghi prodotti:
-
Ridimensiona prima. Porta tutte le tue immagini alle dimensioni corrette (2000 x 2000px per la maggior parte delle piattaforme). Non inviare immagini da 6000px attraverso la compressione quando verranno visualizzate solo a 2000px.
-
Separa per tipo. Metti gli scatti su sfondo bianco in un batch e le foto lifestyle in un altro. Questo ti permette di usare impostazioni di qualità diverse per ciascuno.
-
Comprimi gli scatti su sfondo bianco al 75-80% di qualità. Gli sfondi puliti si comprimono efficientemente a impostazioni più basse.
-
Comprimi le foto lifestyle all’80-85% di qualità. I dettagli extra in queste immagini beneficiano di una qualità leggermente più alta.
-
Controlla a campione alcuni risultati. Apri alcune immagini compresse e confrontale con gli originali. Assicurati che il testo sulle confezioni sia ancora leggibile e che i dettagli del prodotto siano chiari. Per maggiori informazioni, consulta la nostra guida su ridurre la dimensione dei file senza perdere qualità.
-
Carica sulla tua piattaforma. Sostituisci gli originali con le versioni compresse.
L’impatto sui tuoi profitti
Pagine prodotto più veloci significano più vendite. È diretto. Quando un acquirente clicca sul tuo prodotto da un risultato di ricerca o da un annuncio, hai circa due o tre secondi prima che decida se aspettare o premere il pulsante Indietro.
Le immagini ottimizzate riducono anche i costi di hosting e CDN. Se servi 500.000 visualizzazioni di pagina prodotto al mese e riduci il carico medio di immagini da 8MB a 1,5MB per pagina, sono terabyte di larghezza di banda risparmiati.
Le tue foto prodotto sono l’asset più importante nel tuo negozio online. Comprimerle correttamente ti permette di mantenere la qualità visiva di cui i tuoi acquirenti hanno bisogno offrendo loro l’esperienza veloce che porta effettivamente agli acquisti.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor