{"id":23012,"date":"2026-08-30T17:02:39","date_gmt":"2026-08-30T15:02:39","guid":{"rendered":"https:\/\/www.curiaweb.ch\/?post_type=docs&#038;p=23012"},"modified":"2026-08-30T17:03:49","modified_gmt":"2026-08-30T15:03:49","password":"","slug":"immagini-del-prodotto-galleria-prodotti","status":"publish","type":"docs","link":"https:\/\/www.curiaweb.ch\/it\/hilfe\/cms-online-shops\/produktbilder-produktgalerie\/","title":{"rendered":"Utilizzare immagini e gallerie di prodotti in WooCommerce"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Le immagini dei prodotti sono tra le informazioni pi\u00f9 importanti di un negozio online. I clienti non possono prendere in mano un prodotto ed esaminarlo da tutte le angolazioni. Buone immagini aiutano quindi a presentare il prodotto nel modo pi\u00f9 realistico e comprensibile possibile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WooCommerce distingue in questo caso tra <strong>Immagine del prodotto<\/strong> e il <strong>Galleria prodotti<\/strong>. L'immagine del prodotto \u00e8 l'immagine principale di un prodotto. Tramite la galleria puoi aggiungere immagini aggiuntive.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se stai creando il tuo primo prodotto, troverai la procedura completa nell'articolo <a href=\"\/it\/aiuto\/negozi-online-cms\/woocommerce\/crea-prodotto\/\">Creare il primo prodotto in WooCommerce<\/a>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Breve spiegazione:<\/strong> L'immagine del prodotto \u00e8 l'immagine principale del tuo prodotto. La galleria prodotti integra questa immagine principale con ulteriori viste, primi piani o altre immagini utili.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Immagine del prodotto e galleria prodotti: qual \u00e8 la differenza?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il <strong>Immagine del prodotto<\/strong> \u00e8 l'immagine principale di un prodotto WooCommerce. Viene utilizzata da WooCommerce in diversi punti, ad esempio nella pagina del prodotto e nelle panoramiche dei prodotti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Muori <strong>Galleria prodotti<\/strong> contiene immagini aggiuntive dello stesso prodotto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nel caso di una tazza da caff\u00e8, la suddivisione potrebbe essere ad esempio la seguente:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Immagine del prodotto\n\u2514\u2500\u2500 Tazza leggermente da davanti\n\nGalleria prodotti\n\u251c\u2500\u2500 Vista laterale\n\u251c\u2500\u2500 Vista dall'alto\n\u251c\u2500\u2500 Primo piano del materiale\n\u2514\u2500\u2500 Tazza in uso\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">La galleria non sostituisce quindi l'immagine del prodotto. La integra.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Imposta l'immagine del prodotto<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nel backend di WordPress, apri il prodotto che desideri modificare.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A seconda dell'interfaccia WordPress e WooCommerce che utilizzi, troverai un'area nell'editor dei prodotti per il <strong>Immagine del prodotto<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fai clic l\u00ec sulla funzione per impostare l'immagine del prodotto. Dopodich\u00e9 si aprir\u00e0 la libreria media di WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ora puoi scegliere un'immagine gi\u00e0 esistente o caricare un nuovo file immagine.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seleziona l'immagine desiderata e conferma la selezione. L'immagine verr\u00e0 quindi utilizzata come immagine principale del prodotto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Suggerimento:<\/strong> Scegli come immagine principale uno scatto in cui il prodotto sia immediatamente ben riconoscibile. Un primo piano estremo \u00e8 solitamente pi\u00f9 adatto per la galleria che per l'immagine principale del prodotto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Carica una nuova immagine del prodotto<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se l'immagine desiderata non \u00e8 ancora presente in WordPress, puoi caricarla direttamente durante l'impostazione dell'immagine del prodotto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il file viene cos\u00ec importato nella libreria media di WordPress e pu\u00f2 quindi essere gestito anche l\u00ec.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Prima di caricare l'immagine, assicurati che sia adatta all'uso sul web. File di immagini molto grandi possono causare un consumo inutile di spazio di archiviazione e di trasferimento dati e compromettere il tempo di caricamento di una pagina prodotto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il file immagine non dovrebbe quindi essere semplicemente preso cos\u00ec com'\u00e8 da una fotocamera o da un originale ad alta risoluzione, se tale risoluzione non \u00e8 affatto necessaria per il sito web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quale formato di immagine dovrei usare?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress supporta diversi formati di immagine. Per le normali foto di prodotti, vengono spesso presi in considerazione JPEG, WebP o, a seconda dell'immagine e dell'ambiente utilizzato, altri moderni formati web. Il PNG \u00e8 particolarmente utile laddove, ad esempio, \u00e8 necessaria la trasparenza.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il formato pi\u00f9 adatto dipende dal contenuto dell'immagine e dall'uso desiderato.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per una foto di prodotto classica con molti colori e dettagli, \u00e8 utile un formato fotografico con una buona compressione. Per grafica, loghi o immagini con sfondo trasparente, altri formati potrebbero essere pi\u00f9 adatti.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Importante:<\/strong> Non \u00e8 solo l'estensione del file a determinare un buon tempo di carico. Sono determinanti anche le dimensioni dell'immagine, la compressione e la dimensione effettiva del file trasmesso.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Quanto dovrebbe essere grande un'immagine di prodotto?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Non esiste un'unica dimensione di pixel adatta a ogni negozio WooCommerce.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La dimensione dell'immagine richiesta dipende, tra le altre cose, dal tema utilizzato, dalla struttura della pagina del prodotto, dalla visualizzazione dello zoom desiderata e dalle dimensioni dello schermo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WooCommerce raconta per le immagini dei prodotti una dimensione di partenza sufficiente e indica nella sua documentazione attuale almeno <strong>800 \u00d7 800 pixel<\/strong> come utile punto di partenza. Immagini pi\u00f9 grandi possono essere necessarie o utili, in particolare per le funzioni di zoom.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 non significa tuttavia che ogni immagine debba essere caricata il pi\u00f9 grande possibile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un'immagine di prodotto dovrebbe essere abbastanza grande da poter mostrare il prodotto in modo nitido, ma non inutilmente grande.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Esempio pratico:<\/strong> Se l'immagine del tuo prodotto viene visualizzata sul sito web con una larghezza di poche centinaia di pixel, un originale di, ad esempio, 6000 \u00d7 4000 pixel \u00e8 in molti casi inutilmente grande. L'immagine dovrebbe essere ridotta a dimensioni ragionevoli prima o durante la preparazione per il web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Utilizzare proporzioni d'immagine uniformi<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Per un aspetto sobrio e professionale, dovresti utilizzare proporzioni d'immagine il pi\u00f9 possibile uniformi per prodotti comparabili.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ad esempio, se un'immagine di un prodotto \u00e8 quadrata, la successiva estremamente alta e la terza molto larga, una panoramica dei prodotti pu\u00f2 risultare disordinata.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una struttura uniforme potrebbe essere, ad esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Prodotto A \u2192 quadrato\nProdotto B \u2192 quadrato\nProdotto C \u2192 quadrato\nProdotto D \u2192 quadrato\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 non significa che ogni immagine originale debba essere esattamente identica. Ci\u00f2 che conta \u00e8 che le immagini del tuo negozio siano coerenti tra loro e che importanti aree del prodotto non vengano perse a causa di ritagli differenti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il modo in cui WooCommerce ritaglia o visualizza effettivamente le immagini dipende anche dal tema e dalle impostazioni del negozio utilizzate.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Non incidere i prodotti troppo profondamente<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il prodotto principale dovrebbe essere mostrato completamente nell'immagine o almeno in modo tale che un cliente comprenda immediatamente cosa viene offerto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se WooCommerce o il tuo tema ritagliano automaticamente le immagini di anteprima, dovresti quindi controllare se parti importanti del prodotto vengono tagliate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 \u00e8 particolarmente rilevante per prodotti molto alti o molto larghi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Usare la galleria prodotti<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Per molti prodotti, una singola immagine non \u00e8 sufficiente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Informazioni su <strong>Galleria prodotti<\/strong> Puoi aggiungere registrazioni supplementari.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apri a tale scopo la sezione della galleria prodotti nell'editor dei prodotti e seleziona la funzione per aggiungere immagini.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anche qui puoi selezionare immagini esistenti dalla libreria media di WordPress o caricare nuovi file.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puoi selezionare pi\u00f9 immagini per la galleria.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quali immagini appartengono alla galleria?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La galleria avrebbe dovuto fornire al cliente informazioni aggiuntive e non semplicemente mostrare cinque immagini quasi identiche.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A seconda del prodotto, ad esempio, possono essere utili:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>altre viste del prodotto<\/li>\n\n\n\n<li>Retro o lato inferiore<\/li>\n\n\n\n<li>Primo piano<\/li>\n\n\n\n<li>Connessioni o comandi<\/li>\n\n\n\n<li>Struttura del materiale<\/li>\n\n\n\n<li>Confronto delle dimensioni<\/li>\n\n\n\n<li>Prodotto in uso<\/li>\n\n\n\n<li>imballaggio o contenuto della confezione, se rilevante per l'acquisto<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Nel caso di uno zaino, ad esempio, potrebbero essere mostrati la parte anteriore, la parte posteriore, l'interno, il sistema di trasporto e i singoli scomparti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Su un dispositivo elettronico, i collegamenti e i comandi possono essere importanti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La domanda fondamentale \u00e8: <strong>Quale visuale aiuta un cliente nella decisione di acquisto?<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Modifica l'ordine delle immagini della galleria<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le immagini della galleria prodotti possono essere riordinate tramite trascinamento (drag-and-drop) nell'editor dei prodotti WooCommerce.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Trascina un'immagine nella posizione desiderata e poi salva o aggiorna il prodotto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Disponi le immagini nel modo pi\u00f9 logico possibile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ad esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Immagine principale\n\u2193\nseconda vista d'insieme\n\u2193\nvista laterale\n\u2193\nprimo piano\n\u2193\nprodotto in uso\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">In questo modo il cliente ottiene una sequenza logica mentre scorre le immagini.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Rimuovi l'immagine dalla galleria prodotti<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quando un'immagine non \u00e8 pi\u00f9 necessaria, puoi rimuoverla dalla galleria prodotti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La rimozione di un'immagine dalla galleria non significa automaticamente che il file immagine venga eliminato anche dalla libreria media di WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il file potrebbe essere ancora presente in WordPress e utilizzato in altre parti del sito web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Importante:<\/strong> Non eliminare frettolosamente un file immagine direttamente dalla libreria media. Il fatto che tu non ne abbia pi\u00f9 bisogno per questo prodotto non significa che non venga utilizzato altrove sul tuo sito web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sostituire l'immagine del prodotto<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se desideri modificare l'immagine principale di un prodotto, rimuovi o sostituisci l'associazione precedente e selezioni un'altra immagine dalla libreria media oppure ne carichi una nuova.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Salva o aggiorna quindi il prodotto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Controlla poi sia la pagina del prodotto che una panoramica dei prodotti. In questo modo potrai vedere se la nuova immagine viene ritagliata e visualizzata correttamente in entrambe le visualizzazioni.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Che fine fa la vecchia immagine del prodotto?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quando assegni una nuova immagine principale a un prodotto, il file immagine utilizzato in precedenza non viene eliminato automaticamente dalla libreria media di WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ha senso, perch\u00e9 lo stesso file multimediale potrebbe essere utilizzato altrove.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se in seguito desideri rimuovere le vecchie immagini dalla libreria multimediale, dovresti quindi verificare in anticipo se non sono effettivamente pi\u00f9 necessarie.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Inserisci il testo ALT per le immagini dei prodotti<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress offre nella libreria multimediale per le immagini un campo per il <strong>Testo alternativo<\/strong> ossia testo ALT.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il testo alternativo descrive il contenuto o la funzione di un'immagine per le situazioni in cui l'immagine non pu\u00f2 essere percepita visivamente. \u00c8 particolarmente importante per l'accessibilit\u00e0.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un testo ALT significativo descrive il prodotto effettivamente visibile nel modo pi\u00f9 sintetico e comprensibile possibile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Zaino da trekking nero con scomparto principale aperto\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Meno utile sarebbe:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>bild123.jpg\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">o una sequenza artificiale di termini di ricerca.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Regola fondamentale:<\/strong> Descrivi ci\u00f2 che \u00e8 rilevante vedere nell'immagine. Scrivi il testo ALT per le persone e non come un elenco di quante pi\u00f9 parole chiave possibili.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Deve ogni immagine della galleria avere lo stesso testo ALT?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">No. Se immagini diverse mostrano prospettive differenti e un testo alternativo per queste immagini \u00e8 opportuno, il testo dovrebbe descrivere anche la rispettiva prospettiva.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Immagine principale:\nZaino da trekking nero visto frontalmente\n\nImmagine della galleria:\nZaino da trekking nero con scomparto principale aperto\n\nImmagine della galleria:\nRetro dello zaino da trekking nero con sistema di trasporto\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">In questo modo, ogni testo alternativo descrive effettivamente la rispettiva immagine.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Immagini dei prodotti per i prodotti variabili<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Belli <a href=\"\/it\/aiuto\/negozi-online-cms\/woocommerce\/variable-produkte-varianten\/\">prodotti variabili<\/a> S\u00ec, WooCommerce consente di assegnare immagini specifiche a singole varianti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questo \u00e8 molto utile, ad esempio, con colori diversi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una maglietta potrebbe essere configurata cos\u00ec:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Variante Nero\n\u2192 Immagine della t-shirt nera\n\nVariante Bianco\n\u2192 Immagine della t-shirt bianca\n\nVariante Rosso\n\u2192 Immagine della t-shirt rossa\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Quando un cliente seleziona una variante, WooCommerce pu\u00f2 mostrare l'immagine associata a quella variante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In questo modo il cliente vede non solo il nome del colore scelto, ma anche la relativa vista del prodotto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Un'immagine di variante non sostituisce automaticamente una galleria completa per variante<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il WooCommerce Core consente di assegnare un'immagine personalizzata a una variante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una galleria completamente separata con pi\u00f9 immagini per ogni singola variante, invece, non fa parte della funzione di base delle varianti di WooCommerce Core.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se ad esempio hai bisogno di cinque immagini di galleria dedicate per ciascun colore, potrebbe essere necessaria un'estensione aggiuntiva o una corrispondente funzione del tema o del sistema di e-commerce utilizzato.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Importante:<\/strong> Non installare un plugin per gallerie qualsiasi solo perch\u00e9 ti servono immagini aggiuntive. Verifica prima se il tuo tema o un'estensione gi\u00e0 presente offre la funzione desiderata.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Che cosa mostra WooCommerce sulla pagina del prodotto?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WooCommerce fornisce le funzionalit\u00e0 tecniche per le immagini dei prodotti e le gallerie. Tuttavia, la visualizzazione esatta nel frontend \u00e8 fortemente influenzata dal tema utilizzato o dalla struttura della pagina del prodotto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A seconda del negozio, ad esempio, possono essere presenti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>immagine principale grande<\/li>\n\n\n\n<li>piccole anteprime della galleria<\/li>\n\n\n\n<li>Funzione di zoom<\/li>\n\n\n\n<li>Lightbox<\/li>\n\n\n\n<li>Slider o carosello<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Ecco perch\u00e9 due negozi WooCommerce con le stesse immagini di prodotti possono avere un aspetto diverso.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">L'immagine del prodotto sembra buona nel backend, ma non nel negozio<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se un'immagine nella libreria media di WordPress appare corretta, ma viene visualizzata in modo sfavorevole sulla pagina del prodotto o nella panoramica del negozio, non \u00e8 detto che il file originale sia danneggiato.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le possibili cause includono, ad esempio:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>il tema utilizza un determinato ritaglio dell'immagine,<\/li>\n\n\n\n<li>Le immagini di anteprima del prodotto hanno proporzioni diverse,<\/li>\n\n\n\n<li>l'immagine \u00e8 troppo piccola per la visualizzazione desiderata,<\/li>\n\n\n\n<li>un page builder modifica il layout del prodotto,<\/li>\n\n\n\n<li>I dati di immagini o pagine memorizzati nella cache mostrano ancora una versione precedente.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Verifica quindi prima se \u00e8 interessata solo una determinata visualizzazione.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Immagini di prodotti sfocate<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un'immagine di partenza piccola pu\u00f2 sembrare sfocata se viene visualizzata in dimensioni notevolmente maggiori sulla pagina del prodotto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Immagine originale:\n300 \u00d7 300 pixel\n\nVisualizzazione su schermo grande:\nnotevolmente pi\u00f9 grande dell'originale\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Il browser non pu\u00f2 semplicemente ripristinare le informazioni mancanti dell'immagine. L'immagine viene ingrandita e di conseguenza pu\u00f2 apparire sfocata.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Utilizza pertanto immagini di origine con una risoluzione sufficiente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Immagini di prodotto troppo grandi<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L'altro estremo sono file originali inutilmente grandi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una foto larga diverse migliaia di pixel e di dimensioni di file molto grandi pu\u00f2 essere sovradimensionata per una normale presentazione di prodotti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sebbene WordPress generi diverse dimensioni di immagine durante il caricamento, dovresti comunque preparare le immagini originali in modo appropriato per il web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Soprattutto in un negozio con molti prodotti, le immagini scarsamente ottimizzate possono rappresentare una quota significativa del volume di dati trasferito.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Immagini dei prodotti e tempo di caricamento<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le pagine di prodotti contengono spesso diverse immagini ad alta risoluzione. Di conseguenza, le immagini possono avere un impatto notevole sul tempo di caricamento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sono particolarmente importanti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>dimensioni delle immagini adatte<\/li>\n\n\n\n<li>compressione adatta<\/li>\n\n\n\n<li>formato di file adatto<\/li>\n\n\n\n<li>non caricare pi\u00f9 immagini di quelle effettivamente necessarie<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Se vuoi scoprire quanto tempo ci mette effettivamente a caricarsi la tua pagina prodotto, puoi misurare il tempo di caricamento con i metodi descritti nell'articolo <a href=\"\/it\/aiuto\/monitoraggio-seo\/website-ladezeit-messen\/\">Misurare il tempo di caricamento del sito web<\/a> verificare.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per un'ulteriore analisi tecnica puoi anche <a href=\"\/it\/aiuto\/monitoraggio-seo\/google-pagespeed-insights\/\">Google PageSpeed Insights<\/a> usare.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Denominare i file di immagine in modo sensato<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c8 opportuno denominare chiaramente i file immagine gi\u00e0 prima del loro caricamento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Invece:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>IMG_8472.jpg\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">pu\u00f2 essere utilizzato, ad esempio,:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>wanderrucksack-schwarz-vorne.jpg\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Questo facilita anche a te la successiva gestione in una grande mediateca.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quando centinaia di immagini di prodotti hanno solo nomi come DSC_0012, IMG_4821 o final-neu-3, la ricerca di un determinato file diventa inutilmente difficile.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Evitare di caricare pi\u00f9 volte inutilmente diverse immagini<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se un file immagine \u00e8 gi\u00e0 presente nella libreria media di WordPress e deve essere utilizzato per un altro prodotto, non \u00e8 necessario caricarlo nuovamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puoi riselezionare i contenuti multimediali esistenti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 evita copie non necessarie dello stesso file e mantiene la libreria multimediale pi\u00f9 ordinata.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Controllare le immagini dei prodotti dopo il salvataggio<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dopo aver aggiunto o modificato le immagini dei prodotti, dovresti salvare o aggiornare il prodotto e poi aprire la pagina prodotto effettiva.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Controlla l\u00ec in particolare:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Viene visualizzata l'immagine principale corretta?<\/li>\n\n\n\n<li>Il prodotto \u00e8 completo e chiaramente riconoscibile?<\/li>\n\n\n\n<li>Vengono visualizzate tutte le immagini della galleria?<\/li>\n\n\n\n<li>Ha senso l'ordine?<\/li>\n\n\n\n<li>Funziona la selezione delle immagini o la galleria?<\/li>\n\n\n\n<li>Le immagini delle varianti vengono cambiate correttamente?<\/li>\n\n\n\n<li>La visualizzazione risulta adeguata anche su uno smartphone?<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Controlla inoltre una panoramica dei prodotti o una categoria. L'immagine principale l\u00ec pu\u00f2 essere ritagliata in modo diverso o mostrata in una dimensione diversa rispetto alla singola pagina del prodotto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Un semplice esempio di una buona struttura delle immagini<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Prendiamo uno zaino da trekking nero.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Immagine<\/th><th>Compito<\/th><\/tr><\/thead><tbody><tr><td>Immagine principale<\/td><td>Mostrare lo zaino completamente di fronte o leggermente di lato<\/td><\/tr><tr><td>Immagine galleria 1<\/td><td>Mostra il retro e il sistema di trasporto<\/td><\/tr><tr><td>Immagine della galleria 2<\/td><td>Mostra scomparto principale aperto<\/td><\/tr><tr><td>Immagine della galleria 3<\/td><td>Mostrare tasche e cerniere nei dettagli<\/td><\/tr><tr><td>Immagine della galleria 4<\/td><td>mostrare lo zaino indossato o in uso<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In questo modo, ogni immagine risponde a una diversa possibile domanda del cliente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cosa dovresti evitare nelle immagini di prodotti<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Alcuni problemi tipici possono essere evitati gi\u00e0 durante la configurazione:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>immagini di output sfocate o troppo piccole<\/li>\n\n\n\n<li>file di immagine inutilmente enormi<\/li>\n\n\n\n<li>proporzioni d'immagine completamente diverse all'interno di una panoramica prodotti<\/li>\n\n\n\n<li>diverse immagini della galleria quasi identiche e senza alcun valore informativo aggiuntivo<\/li>\n\n\n\n<li>immagini di varianti errate<\/li>\n\n\n\n<li>nomi di file incomprensibili<\/li>\n\n\n\n<li>Testi alternativi costituiti esclusivamente da un elenco di parole chiave<\/li>\n\n\n\n<li>eliminazione precipitosa di file presumibilmente inutilizzati dalla libreria multimediale<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">L'importante non \u00e8 usare il maggior numero possibile di immagini. Le immagini dovrebbero aiutare il cliente a valutare il prodotto nel modo migliore possibile.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Come procediamo?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una volta configurati le informazioni sul prodotto, le varianti, le caratteristiche e le immagini, dovresti occuparti della disponibilit\u00e0 di magazzino.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nel prossimo articolo spieghiamo quindi come <a href=\"\/it\/aiuto\/negozi-online-cms\/woocommerce\/gestire-linventario-per-sku\/\">Gestisci inventario, SKU e stato di consegna in WooCommerce<\/a>. Tra le altre cose, esamineremo la gestione automatica dell'inventario, lo stato del magazzino, gli ordini in sospeso e la gestione delle varianti di magazzino.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Riepilogo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il <strong>Immagine del prodotto<\/strong> \u00e8 l'immagine principale di un prodotto WooCommerce. Tramite la <strong>Galleria prodotti<\/strong> puoi aggiungere viste aggiuntive, primi piani e altre immagini utili.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Utilizza immagini di dimensioni sufficientemente grandi e adatte al web, senza caricare file originali inutilmente enormi. Proporzioni uniformi garantiscono un aspetto visivo pi\u00f9 ordinato, soprattutto nelle panoramiche dei prodotti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le immagini della galleria possono essere ordinate in WooCommerce tramite trascinamento (drag-and-drop). La rimozione di un'immagine da una galleria di prodotti non elimina automaticamente il file dalla libreria multimediale di WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per i prodotti variabili, \u00e8 possibile assegnare un'immagine specifica alle singole varianti. Tuttavia, una galleria completamente separata per ciascuna variante non rientra nelle funzionalit\u00e0 di base di WooCommerce.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Controlla le immagini dei prodotti direttamente nel negozio dopo ogni modifica importante: sulla pagina del prodotto, nelle panoramiche dei prodotti e su uno smartphone.<\/p>","protected":false},"excerpt":{"rendered":"<p>Produktbilder geh\u00f6ren zu den wichtigsten Informationen eines Online-Shops. Kunden k\u00f6nnen ein Produkt nicht in die Hand nehmen und von allen Seiten betrachten. Gute Bilder helfen deshalb dabei, das Produkt m\u00f6glichst realistisch und verst\u00e4ndlich zu pr\u00e4sentieren. WooCommerce unterscheidet dabei zwischen dem Produktbild und der Produktgalerie. Das Produktbild ist das Hauptbild eines Produkts. \u00dcber die Galerie kannst [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"doc_category":[83,89],"doc_tag":[],"class_list":["post-23012","docs","type-docs","status-publish","hentry","doc_category-cms-online-shops","doc_category-woocommerce"],"year_month":"2026-09","word_count":2528,"total_views":"8","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Silvio Mazenauer","author_nicename":"admin-curia","author_url":"https:\/\/www.curiaweb.ch\/it\/author\/admin-curia\/"},"doc_category_info":[{"term_name":"CMS &amp; Online-Shops","term_url":"https:\/\/www.curiaweb.ch\/it\/hilfe-kategorie\/cms-online-shops\/"},{"term_name":"WooCommerce","term_url":"https:\/\/www.curiaweb.ch\/it\/hilfe-kategorie\/cms-online-shops\/woocommerce\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs\/23012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/comments?post=23012"}],"version-history":[{"count":1,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs\/23012\/revisions"}],"predecessor-version":[{"id":23014,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs\/23012\/revisions\/23014"}],"wp:attachment":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/media?parent=23012"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/doc_category?post=23012"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/doc_tag?post=23012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}