La dimensione delle immagini dei prodotti in WooCommerce è una delle impostazioni più trascurate in qualsiasi negozio online. La maggior parte dei proprietari di negozi carica immagini di qualsiasi dimensione scattata con la fotocamera, imposta WooCommerce sui valori predefiniti e non pensarci più.
Poi si chiedono perché le immagini dei prodotti appaiono sfocate su alcune pagine, perché il loro Core Web Vitals è basso o perché gli acquirenti da dispositivi mobili abbandonano la pagina prima ancora che il prodotto si carichi.
Noi di Seahawk Media lavoriamo su negozi WooCommerce in ogni settore. Lo stesso problema si ripresenta costantemente: la questione delle dimensioni delle immagini viene completamente ignorata o gestita in modo incoerente all'interno del catalogo prodotti.
si presentano nella pratica ben realizzati e performanti, basati su WordPress e WooCommerce portfolio mostra esempi concreti in diversi settori.
Questa guida illustra le dimensioni esatte valide nel 2026, come WooCommerce gestisce effettivamente le dimensioni delle immagini, cosa caricare, come formattare le immagini e gli strumenti che ottimizzano automaticamente le immagini, permettendoti di concentrarti sulla vendita.
In breve: Dimensioni dell'immagine del prodotto WooCommerce
- La dimensione ideale per le immagini dei prodotti WooCommerce, nella maggior parte dei negozi, è di 800 x 800 pixel per le pagine dei singoli prodotti e di 600 x 600 pixel per le griglie del catalogo.
- Carica le immagini sorgente con una risoluzione minima di 1200 x 1200 pixel, in modo che WooCommerce possa generarle in tutte le dimensioni senza perdita di qualità.
- WooCommerce crea automaticamente tre formati di immagine: immagine del singolo prodotto, miniatura del catalogo e miniatura della galleria.
- Nel 2026, utilizzate il formato WebP. È dal 25% al 35% più piccolo del JPEG a parità di qualità visiva e gode del supporto del 97% dei browser.
- Utilizza sempre ShortPixel per comprimere le immagini e rigenerare le miniature dopo aver modificato le impostazioni di dimensione.
- Dimensioni errate delle immagini causano immagini sfocate, tempi di caricamento lenti, errori nei test Core Web Vitals e perdita di vendite.
Come gestisce WooCommerce le dimensioni delle immagini?
Prima di scegliere le dimensioni, è utile capire come WooCommerce utilizza effettivamente l'immagine caricata. WooCommerce registra tre dimensioni per le immagini e le genera automaticamente dal file sorgente al momento del caricamento.
Ecco a cosa serve ciascuna opzione e qual è il suo valore predefinito:
| Dimensioni dell'immagine | Dimensioni predefinite | Dove viene utilizzato |
|---|---|---|
| Immagine singola del prodotto (woocommerce_single) | Larghezza 600 pixel, non ritagliato | Immagine principale nelle pagine dei singoli prodotti |
| Miniatura del catalogo (woocommerce_thnail) | Larghezza 300 pixel, ritaglio quadrato | Griglia della pagina del negozio, pagine di categoria, risultati di ricerca |
| Miniatura della galleria (woocommerce_gallery_thumnail) | 100 x 100 pixel, ritaglio quadrato | Le piccole immagini sotto l'immagine principale del prodotto servono per la navigazione nella galleria |
L'aspetto fondamentale da comprendere è che queste impostazioni predefinite sono conservative. Una miniatura del catalogo di 300 pixel appare accettabile su una griglia desktop, ma risulta visibilmente sfocata sui moderni schermi Retina. Un'immagine di un singolo prodotto di 600 pixel non lascia spazio per una funzionalità di zoom di alta qualità. La maggior parte dei negozi deve regolare queste impostazioni fin dal primo giorno.
Il tuo negozio WooCommerce sta perdendo vendite a causa di immagini lente?
Analizziamo e ottimizziamo i negozi WooCommerce per migliorare le prestazioni delle immagini, i Core Web Vitals e il tasso di conversione.
Dimensioni consigliate per le immagini dei prodotti WooCommerce nel 2026
In sintesi: carica immagini sorgente con una risoluzione di 1200 x 1200 pixel o superiore. Imposta la larghezza dell'immagine del singolo prodotto a 800 pixel e la larghezza della miniatura del catalogo a 600 pixel.
Ecco le dimensioni consigliate che bilanciano qualità visiva, velocità di caricamento della pagina e tassi di conversione per la maggior parte dei negozi:
| Tipo di immagine | Taglia consigliata | Note |
|---|---|---|
| Caricamento del codice sorgente (originale) | 1200 x 1200 pixel minimo | Offre a WooCommerce una risoluzione sufficiente per generare tutte le taglie senza perdita di qualità |
| Immagine della pagina del singolo prodotto | 800 x 800 pixel | Nitido, pronto per lo zoom, funziona con tutti i temi moderni |
| Miniatura del catalogo | 600 x 600 pixel | Griglie pulite su desktop e dispositivi mobili, sicure per schermi Retina |
| Miniatura della galleria | 150 x 150 pixel | Visibile e chiaro per la navigazione nella galleria |
Il formato quadrato è ideale per la maggior parte dei negozi perché le griglie di WooCommerce sono costruite attorno a schede prodotto uniformi. Un rapporto 1:1 coerente in tutto il catalogo crea un layout professionale e armonioso che infonde fiducia nei clienti.
Se il tuo tema utilizza un rapporto di aspetto diverso da quello quadrato (ad esempio, layout verticale o orizzontale), adatta le dimensioni alle specifiche del tema e mantieni tale rapporto coerente in tutti i prodotti.
Dimensioni delle immagini WooCommerce per tipo di prodotto
Le dimensioni consigliate sopra sono adatte ai negozi generici. Tuttavia, i requisiti per le immagini variano notevolmente a seconda del prodotto venduto. Ecco una suddivisione pratica per categoria di prodotto.
- Abbigliamento e accessori: le immagini con una larghezza compresa tra 800 e 1000 pixel forniscono dettagli sufficienti per mostrare la trama del tessuto, le cuciture e la vestibilità senza creare file inutilmente grandi. Mantieni un rapporto d'aspetto coerente per tutte le immagini dei capi di abbigliamento per mantenere uniforme la griglia.
- Gioielli: i primi piani dettagliati sono essenziali. La lavorazione di pietre preziose, incisioni e metalli pregiati richiede una risoluzione elevata. Utilizza immagini con una larghezza compresa tra 1000 e 1500 pixel e assicurati che il tuo tema supporti lo zoom, in modo che i clienti possano esaminare i dettagli.
- Elettronica: i dettagli tecnici sono fondamentali per prodotti come laptop, smartphone e fotocamere. I clienti devono poter leggere le etichette, vedere le porte e ispezionare i componenti. Utilizza immagini con una larghezza fino a 1200-1400 pixel per garantire la nitidezza su tutti i tipi di schermo.
- Arredamento e decorazioni per la casa: questi prodotti si basano su immagini di ambientazione che mostrano le dimensioni, la consistenza e la disposizione degli oggetti in una stanza. Le immagini con una risoluzione compresa tra 1200 e 1600 pixel sono ideali. In questa categoria sono comuni sia il formato verticale che quello orizzontale, quindi è consigliabile adattare l'immagine al layout del tema scelto, anziché forzare un ritaglio quadrato.
- Prodotti digitali e software: in questo caso, le immagini di piccole dimensioni vanno benissimo. Screenshot e mockup nitidi a 800 x 800 pixel sono più che sufficienti.
Come modificare le dimensioni delle immagini in WooCommerce?
Modificare le dimensioni delle immagini in WooCommerce richiede meno di cinque minuti. L'importante è sapere cosa modificare e cosa fare dopo averlo fatto.
Passaggio 1: Vai su Aspetto ⟶ Personalizza nella tua bacheca di WordPress.
Passaggio 2: Accedi a WooCommerce e poi a Immagini prodotto.
Passaggio 3: Regola il ritaglio e le dimensioni della miniatura. Vedrai un'anteprima sulla destra che si aggiorna man mano che apporti modifiche. Fai clic su Pubblica per salvare le modifiche.
Modificando queste impostazioni nel Customizer, WooCommerce aggiorna le dimensioni che utilizzerà in futuro. Tuttavia, tutte le immagini dei prodotti esistenti continueranno a essere visualizzate con le dimensioni originali finché non rigenererai le miniature . Saltare questo passaggio è uno degli errori più comuni che i proprietari di negozi commettono dopo aver aggiornato le impostazioni delle immagini.
Passaggio 4: Installa il plugin Regenerate Thumbnails ed eseguilo sull'intera libreria multimediale. Questo rielabora ogni immagine esistente adattandola alle nuove dimensioni. Per cataloghi di grandi dimensioni, l'operazione viene eseguita in background e può richiedere alcune ore, ma non richiede alcun ulteriore intervento da parte tua.
Quale formato immagine utilizzare nel 2026?
In sintesi: utilizzate WebP come formato immagine principale. Offre la stessa qualità visiva del JPEG con dimensioni dei file inferiori del 25-35% e, a partire dal 2026, è supportato dal 97% dei browser a livello globale.
Il dibattito sui formati di immagine ha subito una svolta decisiva negli ultimi due anni. Ecco la situazione attuale di ciascun formato.
- WebP è la scelta ideale per la maggior parte delle immagini dei prodotti WooCommerce. È supportato da tutti i principali browser e gestisce correttamente fotografie, ritagli di prodotto e immagini trasparenti.
Il formato WebP con una qualità compresa tra 80 e 85 produce file visivamente indistinguibili dai JPEG con una qualità compresa tra 90 e 95, ma con dimensioni di file significativamente inferiori. Se non utilizzi già il formato WebP sul tuo negozio online, questa è la modifica più importante che puoi apportare quest'anno per quanto riguarda le immagini.
- Il formato JPEG rimane accettabile per la fotografia di prodotto se la conversione in WebP non è ancora stata configurata, ma non rappresenta più la scelta ottimale. Il JPEG non supporta la trasparenza ed è costantemente più grande del WebP a parità di qualità.
- Il formato PNG dovrebbe essere utilizzato solo quando la trasparenza è effettivamente necessaria, ad esempio per immagini di prodotti su sfondi colorati o immagini con testo sovrapposto. I file PNG sono considerevolmente più grandi dei file WebP e JPEG utilizzati per le fotografie. Non utilizzare il formato PNG per le foto standard dei prodotti.
- AVIF è il formato di nuova generazione successivo a WebP e produce file ancora più piccoli. Il supporto da parte dei browser è in crescita, ma non è ancora sufficientemente universale per un utilizzo primario in un negozio WooCommerce generico. Vale la pena monitorarlo, ma non è ancora la scelta predefinita per la maggior parte dei negozi.
Il modo più semplice per convertire l'intera libreria multimediale di WooCommerce in WebP senza riesportare manualmente ogni immagine è utilizzare ShortPixel.
Comprime le immagini sui propri server (senza intaccare le risorse del tuo hosting), le converte automaticamente in WebP e AVIF e le fornisce al browser nel formato corretto. La modalità di compressione Glossy è l'impostazione ideale per la fotografia di prodotto: riduce le dimensioni dei file del 40-60% senza alcuna perdita di qualità visibile.
Perché le dimensioni delle immagini influenzano il posizionamento su Google?
Le dimensioni delle immagini dei prodotti non sono solo una questione estetica. Influiscono direttamente sulle prestazioni del tuo negozio nella Ricerca Google in due modi specifici che la maggior parte dei proprietari di negozi non comprende appieno.
Elementi Web fondamentali e contenuto più grande
Google misura l'esperienza di caricamento della pagina utilizzando queste metriche. La metrica Largest Contentful Paint , che misura la velocità di caricamento del contenuto principale visibile, corrisponde quasi sempre all'immagine principale del prodotto su una pagina prodotto di WooCommerce .
Un'immagine principale di 3 MB non ottimizzata causa quasi sempre un errore LCP e riduce drasticamente il posizionamento nei risultati di ricerca. Avere immagini di prodotto di qualità è uno dei passi più concreti che puoi compiere per migliorare la velocità del tuo sito WooCommerce e le prestazioni SEO.
Ricerca di immagini e dati strutturati
Nel 2026, gli strumenti di ricerca visiva, tra cui Google Lens e la ricerca basata sull'intelligenza artificiale, rivestono un'importanza crescente per la scoperta di prodotti nell'e-commerce. Le immagini dei prodotti, se integrate correttamente con i markup schema , hanno una probabilità significativamente maggiore di apparire nei risultati di ricerca di immagini avanzate.
La maggior parte dei plugin SEO , inclusi AIOSEO e Rank Math , gestiscono questa operazione automaticamente, ma è necessario che puntino alla variante dell'immagine con la risoluzione più elevata (800 pixel o superiore) anziché a una miniatura. Verifica questa impostazione nelle impostazioni dello schema dopo aver modificato le dimensioni dell'immagine.
Prestazioni mobili
Il 53% degli utenti mobile abbandona le pagine che impiegano più di tre secondi a caricarsi. L'immagine del prodotto è quasi sempre l'elemento più pesante in una pagina prodotto per dispositivi mobili. Dimensioni delle immagini ottimizzate , il formato WebP e il lazy loading sono la combinazione che garantisce prestazioni elevate su dispositivi mobili.
Per una panoramica completa su come le prestazioni delle immagini si inseriscono nel quadro più ampio dell'ottimizzazione di un sito di e-commerce , la nostra guida completa copre ogni aspetto, dalle immagini al processo di checkout.
Problemi comuni con le immagini di WooCommerce e come risolverli
Ecco alcuni dei problemi più comuni e come risolverli:
- Immagini di prodotto sfocate: quasi sempre causate dal caricamento di immagini più piccole delle dimensioni configurate in WooCommerce. Se imposti le immagini dei singoli prodotti a 800px ma carichi file sorgente da 400px, WooCommerce allunga l'immagine e la qualità si degrada. Carica sempre immagini sorgente con una risoluzione minima di 1200px. Dopo aver corretto le immagini sorgente, esegui il plugin Regenerate Thumbnails.
- Layout incoerente della griglia dei prodotti: causato dal caricamento di immagini con proporzioni diverse nel catalogo. Un mix di immagini verticali, orizzontali e quadrate crea una griglia di prodotti irregolare che appare poco professionale e mina la fiducia. Standardizza tutte le immagini dei prodotti allo stesso rapporto d'aspetto prima del caricamento e imposta WooCommerce in modo che utilizzi il ritaglio forzato per garantire la coerenza.
- Le immagini appaiono nitide su desktop ma sfocate su dispositivi mobili: questo è solitamente un problema legato ai display Retina. Gli smartphone moderni utilizzano schermi ad alta densità che richiedono immagini con dimensioni doppie rispetto a quelle CSS per apparire nitide. Imposta la dimensione della miniatura del catalogo a 600 pixel anziché 300 pixel per garantire la nitidezza sui dispositivi mobili.
- Tempi di caricamento lenti delle immagini dei prodotti: i file di grandi dimensioni e non compressi sono la causa più comune di rallentamento nei negozi WooCommerce. Installa ShortPixel, esegui un'ottimizzazione in blocco della tua libreria multimediale e abilita la pubblicazione in formato WebP. Per i negozi con cataloghi di grandi dimensioni, questa singola modifica in genere offre il miglioramento delle prestazioni più significativo rispetto a qualsiasi altra attività di ottimizzazione.
- Le immagini non si aggiornano dopo aver modificato le impostazioni delle dimensioni: hai modificato le dimensioni nel Personalizza, ma le immagini vengono ancora visualizzate con le dimensioni precedenti. Ciò significa che le miniature non sono state rigenerate. Esegui il plugin Rigenera miniature per rielaborare tutte le immagini esistenti con le nuove dimensioni.
La giusta suite di strumenti per l'ottimizzazione delle immagini di WooCommerce
Non è necessario gestire manualmente le dimensioni e la compressione delle immagini. La giusta di plugin per l'ottimizzazione delle immagini di WordPress si occupa di tutto automaticamente dal momento del caricamento.
- ShortPixel gestisce la compressione delle immagini e la conversione in WebP. Utilizza la modalità Glossy per la fotografia di prodotto. Comprime le immagini lato server, supporta l'ottimizzazione in blocco delle librerie esistenti e fornisce automaticamente il formato WebP ai browser supportati. Per i negozi WooCommerce, ShortPixel offre il miglior equilibrio tra qualità, costi e automazione.
- Regenerate Thumbnails è un plugin gratuito di cui avrai bisogno ogni volta che modifichi le dimensioni delle immagini in WooCommerce. Installalo, eseguilo dopo ogni modifica delle dimensioni e si occuperà del resto in background. È un plugin che svolge un'unica funzione in modo impeccabile.
- MonsterInsights collega il tuo negozio a Google Analytics 4 e ti offre una chiara visibilità sulle pagine prodotto con la frequenza di rimbalzo , il che può indicare problemi di prestazioni delle immagini su pagine specifiche.
Conclusione
Impostare le dimensioni corrette per le immagini dei prodotti WooCommerce non è complicato, ma richiede scelte mirate anziché affidarsi alle impostazioni predefinite.
- Carica le immagini sorgente con una risoluzione di 1200 x 1200 pixel o superiore.
- Imposta la dimensione dell'immagine del singolo prodotto a 800 pixel e quella della miniatura del catalogo a 600 pixel. Utilizza il formato WebP.
- Comprimi con ShortPixel in modalità lucida. Rigenera le miniature dopo ogni modifica delle dimensioni. Mantieni un rapporto d'aspetto uniforme in tutto il catalogo.
Questi passaggi migliorano simultaneamente la qualità visiva, i punteggi Core Web Vitals, le prestazioni su dispositivi mobili e la visibilità nei risultati di ricerca. Per un negozio di e-commerce in cui le immagini dei prodotti sono lo strumento principale per convincere un cliente ad acquistare, questa non è una manutenzione facoltativa, ma la base di un negozio che converte.
Verdetto finale: le impostazioni predefinite delle immagini di WooCommerce funzionano come punto di partenza, ma non sono ottimizzate per i moderni display Retina, la pubblicazione in formato WebP o Core Web Vitals. Regolare le dimensioni, passare al formato WebP e comprimere le immagini con ShortPixel è la configurazione minima che ogni negozio WooCommerce dovrebbe avere nel 2026.
Domande frequenti
Qual è la dimensione ideale per le immagini dei prodotti WooCommerce?
La dimensione ideale per le immagini dei prodotti WooCommerce, nella maggior parte dei negozi, è di 800 x 800 pixel per le pagine dei singoli prodotti e di 600 x 600 pixel per le miniature del catalogo. Carica le immagini sorgente con una risoluzione minima di 1200 x 1200 pixel, in modo che WooCommerce possa generare tutte le dimensioni richieste senza perdita di qualità.
Quale formato immagine dovrei utilizzare per i prodotti WooCommerce nel 2026?
WebP è il formato consigliato per le immagini dei prodotti WooCommerce nel 2026. È dal 25% al 35% più piccolo del JPEG a parità di qualità e gode del supporto del 97% dei browser a livello globale. Utilizza ShortPixel per convertire automaticamente la tua libreria di immagini esistente in WebP senza dover ricaricare ogni singolo file.
Perché le immagini dei miei prodotti WooCommerce sono sfocate?
Le immagini sfocate dei prodotti WooCommerce sono quasi sempre causate dal caricamento di immagini sorgente di dimensioni inferiori alle dimensioni di output configurate. Se l'immagine del singolo prodotto è impostata a 800 pixel ma il file sorgente è di 400 pixel, WooCommerce allunga l'immagine, con conseguente degrado della qualità. Carica file sorgente di dimensioni maggiori (minimo 1200 pixel) ed esegui il plugin Regenerate Thumbnails.
Come posso modificare le dimensioni dell'immagine del prodotto in WooCommerce?
Vai su Aspetto, poi Personalizza, poi WooCommerce, poi Immagini prodotto. Regola il ritaglio e le dimensioni delle miniature e fai clic su Pubblica. Dopo aver salvato, esegui il plugin Regenerate Thumbnails per rielaborare tutte le immagini esistenti con le nuove dimensioni. Le modifiche si applicano solo ai nuovi caricamenti; altrimenti...
Le dimensioni delle immagini di WooCommerce influiscono sulla SEO?
Sì, in modo significativo. Le immagini di grandi dimensioni e non ottimizzate causano errori nel Largest Contentful Paint, che è un fattore di ranking diretto di Google. Le immagini ottimizzate migliorano i Core Web Vitals, riducono la frequenza di rimbalzo sui dispositivi mobili e rendono le immagini dei tuoi prodotti idonee per i risultati di immagini avanzate di Google se abbinate a un markup schema Product corretto.
Qual è la dimensione della miniatura di WooCommerce?
WooCommerce imposta di default la larghezza dell'anteprima del catalogo a 300 pixel. Questa dimensione è troppo piccola per i moderni schermi Retina. La dimensione consigliata per l'anteprima del catalogo per la maggior parte dei negozi è di 600 x 600 pixel, che garantisce immagini nitide sia su schermi standard che ad alta densità.
Come si rigenerano le miniature in WooCommerce?
Installa il plugin gratuito Regenerate Thumbnails dalla directory dei plugin di WordPress. Dopo aver modificato le dimensioni delle immagini nel Personalizzatore di WooCommerce, vai su Strumenti ⟶ Regenerate Thumbnails e avvia il processo sull'intera libreria multimediale. Il processo viene eseguito in background e adatta automaticamente tutte le immagini esistenti alle nuove dimensioni.
Devo usare JPEG o WebP per le immagini di WooCommerce?
Utilizza WebP. Offre la stessa qualità visiva di JPEG con dimensioni dei file inferiori del 25-35%, supporta la trasparenza (sostituendo PNG per i ritagli dei prodotti) ed è pienamente supportato da tutti i principali browser a partire dal 2026. ShortPixel converte automaticamente la tua libreria JPEG esistente in WebP, senza richiedere la riesportazione manuale di ogni immagine.
