Le indicazioni su Image Settings, generazione WebP (PrestaShop 8.1+) e comportamento AVIF (PrestaShop 9) sono aggiornate al momento della pubblicazione.
La maggior parte dei consigli sulla fotografia di prodotto si ferma a "usa una buona illuminazione e uno sfondo pulito". Utile, certo, ma risponde alla domanda sbagliata. La domanda che decide se un visitatore aggiunge al carrello non è "questa foto è bella?". È "questa foto scioglie il dubbio che mi trattiene dall'acquisto?" Una foto può essere tecnicamente perfetta e non vendere nulla, perché mostra il prodotto senza chiarire ciò che il cliente si sta chiedendo in silenzio: le dimensioni, il materiale, se farà la stessa figura in una stanza reale come quando fluttua su sfondo bianco. Questo post parla di quel giudizio editoriale: quali immagini vendono, quali riempiono solo la galleria e in che ordine inserirle perché sia la pagina prodotto PrestaShop a convincere per te.
Se cerchi istruzioni pratiche per scattare quelle foto in casa spendendo poco, illuminazione, impostazioni dello smartphone, fondali, il tema è collegato ed è trattato in fotografia di prodotto con budget ridotto e in ciò che conta davvero per le vendite online. Qui partiamo dal presupposto che tu sappia scattare una foto nitida e ben illuminata, e ci concentriamo solo su quali foto meritano spazio e perché.
Perché la scelta delle immagini è una leva di conversione, non una scelta creativa
Il cliente non può prendere in mano il tuo prodotto. Ogni dubbio che risolverebbe in un negozio fisico, girarlo, confrontarne le dimensioni con la mano, leggere l'etichetta, immaginarlo su uno scaffale, deve essere risolto sullo schermo, altrimenti diventa un motivo per chiudere la scheda. I sondaggi di settore collocano costantemente le immagini di prodotto tra gli elementi più influenti di una pagina prodotto, spesso sopra descrizione e prezzo; le percentuali esatte cambiano in base a studio e categoria, quindi vanno lette come indicazioni, non come verità assolute. Una cosa però non è in discussione nei negozi che abbiamo analizzato: gallerie povere (una o due foto) sono associate a tassi di aggiunta al carrello deboli e a più resi post-vendita, perché i clienti o non acquistano o acquistano il prodotto sbagliato. La fotografia è lo strumento più economico che hai per eliminare i dubbi.
Le immagini che vendono, e il dubbio che ognuna elimina
Pensa alla galleria non come a "foto del prodotto", ma come a una sequenza di obiezioni risolte. Ogni tipo di immagine qui sotto merita il suo posto perché chiude un dubbio preciso. Se un'immagine non elimina un dubbio, è riempitivo.
| Tipo di immagine | Il dubbio che elimina | Vende o riempie? |
|---|---|---|
| Hero (sfondo pulito) | "Che cos'è esattamente?" | Vende, ed è anche la miniatura di categoria, quindi lavora due volte |
| Riferimento di scala | "Quanto è grande davvero?" | Vende molto. Le sorprese sulle dimensioni sono tra le principali cause di reso |
| Dettaglio / macro | "La qualità è reale o sembra economico?" | Vende, sostituisce le mani del cliente |
| Lifestyle / nel contesto d'uso | "Starà bene nella mia vita?" | Vende, è l'innesco emotivo |
| Angolazioni alternative | "Cosa nasconde sul retro?" | Vende per i prodotti 3D, riempie per quelli piatti |
| L'ennesima foto frontale, leggermente ruotata | nessuno | Riempie, eliminala |
| Foto scenografica della confezione (prodotti non regalo) | di solito nessuno | Riempie, a meno che la confezione sia il prodotto |
La foto con riferimento di scala è il venditore più sottovalutato
L'immagine che i commercianti saltano più spesso è proprio quella che evita più resi: la scala. Un prodotto tenuto in mano, messo accanto a una moneta o a un telefono, oppure mostrato in una stanza con mobili riconoscibili, risponde a "quanto è grande?" in un modo che nessuna tabella dimensionale riesce a eguagliare. Un cliente che legge "32 cm" ancora non percepisce 32 cm; una foto della lampada accanto a un divano glielo dice all'istante. I resi causati da "era più grande/più piccolo di quanto pensassi" sono perdita secca di margine: la foto di scala è l'assicurazione più economica contro questo problema.
Il lifestyle batte lo studio quando serve chiudere sul piano emotivo
La foto hero dice che cos'è il prodotto; la foto lifestyle dice come ci si sente a possederlo. Una giacca indossata da una persona che cammina in un parco converte meglio della stessa giacca su una gruccia, perché permette al visitatore di proiettarsi nell'acquisto. È l'immagine che trasforma "interessante" in "lo voglio". Per alcune categorie, casa, moda, food, usare l'immagine lifestyle come prima immagine anche nella griglia di categoria può superare la classica foto pulita da studio. Vale la pena testarlo sul tuo catalogo invece di darlo per scontato.
La sequenza conta quanto il contenuto, soprattutto da mobile
La maggior parte del traffico arriva ormai da smartphone, dove i clienti scorrono con il dito più che cliccare e raramente arrivano alla quinta immagine. Questo cambia le regole: le tre immagini che eliminano meglio i dubbi, hero, scala, lifestyle, devono stare nelle posizioni da uno a tre. I ritagli di dettaglio e le angolazioni alternative vanno dalla quarta posizione in poi, viste solo da chi è davvero interessato. In PrestaShop controlli direttamente questo ordine. Nella sezione immagini/media dell'editor prodotto, trascina le immagini nella sequenza desiderata e imposta la copertina (la hero): la prima immagine non di copertina è quella che la maggior parte dei temi mostra subito dopo nella striscia delle miniature della galleria. Se sbagli quella striscia, l'acquirente da mobile scorre oltre il tuo argomento migliore.
Le foto di dettaglio pesano di più anche da mobile, perché la stessa immagine viene vista a un quarto della dimensione desktop. Ritagli macro dedicati, ingranditi su cuciture, cerniere, texture, compensano il viewport ridotto. E la galleria funziona solo se il tema supporta il pinch-to-zoom: se l'utente da telefono non può ingrandire la trama o la finitura, non può sciogliere il dubbio e non compra ciò che non riesce a ispezionare. Se la galleria del tema standard è l'anello debole, un modulo galleria dedicato (vedi Gallery Revolution) è un modo per aggiungere zoom, lightbox e una striscia di miniature più pulita senza ricostruire il tema.
Fai in modo che PrestaShop mostri le tue buone foto alla massima qualità
Scegliere le immagini giuste è inutile se PrestaShop le serve sfocate o lente. A deciderlo sono due impostazioni del back office.
Primo: le dimensioni. In Design → Image Settings trovi i tipi di immagine, cart_default, small_default, medium_default, home_default (la miniatura di categoria e lista prodotti nel tema predefinito), large_default (l'immagine della pagina prodotto), ognuno con una dimensione in pixel. Il valore di large_default deve corrispondere alla dimensione reale di visualizzazione nel tuo tema; se il tema mostra l'immagine principale a 800px ma PrestaShop la genera a 600, il browser la ingrandisce e la tua foto nitida appare morbida. Carica sempre originali da 1200×1200px o più grandi: PrestaShop riduce bene le immagini, ma non può ingrandire un file piccolo senza perdita visibile. Dopo aver modificato una dimensione devi cliccare Regenerate thumbnails nella stessa pagina; su un catalogo grande l'operazione richiede tempo, quindi eseguila fuori dagli orari di punta.
[SCREENSHOT: Design → Image Settings nel back office PrestaShop, con l'elenco dei tipi di immagine (large_default, home_default, ecc.) e le relative dimensioni in pixel, più il controllo Regenerate thumbnails, la schermata a cui si riferisce tutta questa sezione.]
Secondo: il peso. Un'immagine pesante che si carica lentamente ti costa la vendita prima ancora di essere vista, soprattutto su rete mobile. PrestaShop 8.1 ha aggiunto la generazione nativa WebP, ma è una funzione sperimentale disattivata per impostazione predefinita: attivala in Advanced Parameters → New & Experimental Features, poi imposta la generazione immagini in WebP da Design → Image Settings e rigenera le miniature. WebP consegna la stessa foto con un peso circa 25–35% inferiore, senza perdite di qualità percepibili a occhio. Su 1.7.x non esiste un interruttore nativo, quindi serve invece un modulo di conversione WebP. Mantieni la qualità JPEG a 80–85; oltre quel punto paghi una penalizzazione reale in banda per una differenza che nessun cliente vede su uno schermo normale. Questi meccanismi di qualità e velocità fanno parte del lavoro più ampio di una pagina prodotto che converte: il quadro completo è nella nostra guida al design della pagina prodotto PrestaShop e nell'analisi dell'anatomia della pagina prodotto.
Non dimenticare il testo alt, vende in una SERP diversa
Ogni immagine prodotto ha in PrestaShop una didascalia/legenda che puoi modificare per singola immagine e che può essere usata come testo alt (per modificarle in blocco servono un'importazione, strumenti personalizzati o un modulo). Un testo alt descrittivo, "borsa messenger in pelle blu, vista frontale" invece di "IMG_4523.jpg", svolge due funzioni: aiuta gli utenti con screen reader e offre a Google Immagini un segnale su cui posizionare l'immagine, generando un flusso discreto di traffico con intenzione d'acquisto. Richiede dieci secondi per immagine. La stessa disciplina vale per il nome del file prima del caricamento: un nome descrittivo batte il numero seriale della fotocamera nella ricerca immagini. Per un catalogo di qualsiasi dimensione, farlo a mano immagine per immagine non è realistico: un modulo automatico per tag alt delle immagini può derivare il testo alt dal nome prodotto, dal riferimento o da un tuo pattern su tutto il catalogo in una sola volta. Questo si affianca alla SEO on-page più ampia trattata in come scrivere descrizioni prodotto che si posizionano e convertono e agli strumenti più completi della nostra suite SEO.
Testa quali immagini vendono, non fidarti del tuo gusto
L'intuizione dei commercianti sulle immagini è spesso sbagliata, e l'unica risposta onesta arriva dai tuoi dati. Un metodo pratico e adatto a PrestaShop:
- Scegli 10–20 prodotti con traffico stabile (indicativamente 50+ visite a settimana), così il risultato si accumula in un periodo ragionevole.
- Testa una variabile alla volta, angolazione della hero (frontale vs. tre quarti), lifestyle vs. studio come immagine principale, oppure tre immagini vs. sei. Cambiare più elementi insieme non ti dice quale abbia spostato il risultato.
- Lascialo girare per almeno due-quattro settimane per assorbire oscillazioni settimanali e stagionali. Una lettura di tre giorni è rumore, non un verdetto.
- Osserva insieme tasso di aggiunta al carrello E tasso di reso. Un'immagine che aumenta le vendite ma aumenta anche i resi, di solito perché rende il prodotto migliore di ciò che arriva davvero, è una perdita, non una vittoria.
- Estendi i vincitori a tutta la categoria. Se le hero a tre quarti battono quelle frontali per le tue borse, applicale a tutte le borse, non solo al gruppo di test.
Domande frequenti
Da dove arriva davvero il testo alt in PrestaShop?
Dal campo didascalia / legenda dell'immagine, modificabile per singola immagine nella sezione immagini dell'editor prodotto. Quello che inserisci lì è ciò che la maggior parte dei temi produce come attributo alt. Se lo lasci vuoto, il tema di solito ripiega sul nome prodotto o su un alt vuoto: ecco perché un catalogo generico finisce con testi alt poveri o mancanti. Compilare la legenda è il modo più diretto per controllare ciò che vedono Google Immagini e gli screen reader.
Devo usare WebP o AVIF, e PrestaShop supporta entrambi?
WebP è la scelta predefinita più sicura: la generazione nativa è arrivata in PrestaShop 8.1 (sperimentale, disattivata per impostazione predefinita) ed è circa 25–35% più leggera di JPEG senza perdita di qualità visibile. PrestaShop 9 estende la generazione immagini a AVIF, che comprime ancora di più ma richiede più tempo per la generazione ed è più pesante sul server durante la rigenerazione. Il supporto WebP nei browser è ormai praticamente universale; se attivi AVIF, mantieni un fallback WebP o JPEG. Per la maggior parte dei negozi, WebP offre il miglior rapporto costi/benefici; usa AVIF solo se il peso delle immagini è un collo di bottiglia misurato.
Ho cambiato una dimensione immagine ma il sito mostra ancora la vecchia misura: perché?
PrestaShop memorizza nella cache le miniature generate. Dopo aver cambiato qualsiasi valore in Design → Image Settings, devi cliccare Regenerate thumbnails nella stessa pagina, altrimenti continueranno a essere servite le vecchie dimensioni in cache. Su un catalogo grande la rigenerazione dura un po' ed è pesante per la CPU, quindi eseguila fuori dagli orari di punta. Se solo alcune immagini appaiono sbagliate, rigenera solo quel tipo di immagine invece di rigenerarle tutte.
Con quali dimensioni devo caricare gli originali?
1200×1200px o più grandi. PrestaShop riduce le immagini in modo pulito per ogni tipo di immagine, ma non può ingrandirle: un file caricato a 600px e forzato in uno spazio large_default da 800px appare visibilmente morbido. Carica file grandi, lascia che PrestaShop generi le dimensioni minori e mantieni la qualità JPEG intorno a 80–85; spingerti oltre aggiunge banda per una differenza che nessun cliente nota su uno schermo normale.
Un nome file descrittivo conta se ho già impostato il testo alt?
Entrambi aiutano, e lo fanno in modo leggermente diverso. Il testo alt è ciò che annunciano gli screen reader ed è un forte segnale di pertinenza per Google Immagini; il nome del file è un segnale più piccolo e secondario, letto prima del caricamento. Rinomina IMG_4523.jpg in blue-leather-messenger-bag.jpg prima del caricamento: una volta dentro PrestaShop, il nome file memorizzato è più difficile da cambiare. Imposta entrambi e hai coperto le basi della SEO per immagini senza alcun modulo.
In sintesi
Una buona fotografia e-commerce non riguarda le belle immagini: riguarda l'anticipare i dubbi che bloccano l'acquisto. Le immagini che vendono sono quelle che fanno percepire al cliente le dimensioni, giudicare la qualità e immaginare il prodotto nella propria vita; quelle che non vendono sono i duplicati quasi identici che gonfiano la galleria senza rispondere a nulla. Scegli le immagini in base al dubbio che ciascuna elimina, metti per prime le più forti per la maggioranza mobile che scorre con il dito e lascia che gli Image Settings di PrestaShop le rendano nitide e veloci. Poi smetti di indovinare e testa: sono i tuoi dati di conversione, non il tuo occhio, a dirti cosa vende davvero.
