# Sfondi per foto prodotto che valorizzano il prodotto [Canonical HTML page](https://gradiently.design/it/guide/product-photo-backgrounds) Lo sfondo di una foto prodotto ha un solo compito: far apparire al meglio ciò che ha davanti. Colore, luminosità, ombra e coerenza fanno gran parte del lavoro, e nessuno di questi richiede uno studio. ## The short version - Un buon sfondo per foto prodotto contrasta con il prodotto nella luminosità, così la sua forma si legge subito anche in miniatura. - Gli sfondi tonali, una versione più chiara o più scura del colore del prodotto stesso, sembrano calmi e premium; gli sfondi complementari sembrano audaci ed energici. - Un’ombra morbida sotto il prodotto lo appoggia sullo sfondo, così uno scontornato non sembra fluttuare. - Un gradiente leggero dietro uno scontornato, più chiaro dietro il prodotto e più profondo verso i bordi, imita il fondale curvo di uno studio. - In un catalogo, mantieni lo stesso sfondo, la stessa direzione della luce, la stessa angolazione e la stessa inquadratura, così i prodotti si confrontano a colpo d’occhio. Il miglior **sfondo per foto prodotto** è quello che fa apparire meglio il prodotto senza farsi notare. Parti dalla luminosità: un prodotto scuro ha bisogno di un fondo più chiaro, e un prodotto chiaro di uno più scuro, così la silhouette si legge in miniatura. Poi scegli un rapporto di colore, tonale per la calma o complementare per l’energia, aggiungi una morbida ombra di contatto perché il prodotto poggi sulla superficie e ripeti la stessa impostazione per ogni prodotto della linea. Questa guida affronta ciascuna di queste scelte, con esempi di colore, codici di gradienti per gli scontornati e una checklist per la coerenza del catalogo. Per un ragionamento più ampio sul colore, leggi [colori complementari](https://gradiently.design/it/guide/complementary-colors) e [la regola 60-30-10](https://gradiently.design/it/guide/60-30-10-rule). ## Scegliere il colore di sfondo per un prodotto Il contrasto di luminosità viene prima, perché è ciò che rende leggibile una forma. Il colore viene dopo, e definisce l’atmosfera. Ci sono tre strategie di colore affidabili, ciascuna con un effetto diverso. | Strategia | Sfondo | Effetto | Adatto a | | --- | --- | --- | --- | | Tonale | Una versione più chiara o più scura del colore del prodotto | Calmo, premium, coeso | Bellezza, moda, casa | | Complementare | Un colore opposto a quello del prodotto sulla ruota | Audace, energico, d’impatto | Food, bevande, giocattoli, annunci social | | Neutro | Bianco sporco, pietra, grigio o antracite | Pulito, onesto, confrontabile | Marketplace, tecnologia, cataloghi | Tre strategie. La maggior parte dei brand ne sceglie una come predefinita e ne usa un’altra per le campagne. - Prodotto: verde bottiglia: #2f6b4f - Tonale: verde pallido: #dcebe2 - Complementare: corallo tenue: #f2c6b4 - Neutro: pietra calda: #f1eee8 - Neutro scuro: antracite: #1f2320 Un prodotto verde, quattro fondi. Il verde pallido è calmo e coeso, il corallo tenue fa cantare il verde, la pietra è neutra, e l’antracite si adatta meglio a un prodotto di colore chiaro che a questo. > **Controlla le regole dei marketplace** Alcuni marketplace richiedono che l’immagine principale del prodotto sia su sfondo bianco uniforme. Usa sfondi colorati per le immagini secondarie, il tuo negozio e i post social, e controlla le regole attuali di ogni piattaforma prima di scattare. ## Gradienti dietro i prodotti scontornati I fotografi in studio scattano su un fondale curvo: un fondo che scende dalla parete al pavimento senza angoli visibili, illuminato in modo da essere più chiaro dietro il prodotto e più scuro verso i bordi. Un gradiente leggero dietro uno scontornato ricrea quello stile senza uno studio. Concentra l’attenzione sul prodotto e aggiunge una profondità che un colore piatto non può dare. - Fondale bianco: `radial-gradient(ellipse at 50% 40%, #ffffff 0%, #eef0f2 55%, #d9dde2 100%)` - Fondale pietra calda: `radial-gradient(ellipse at 50% 40%, #f6efe6 0%, #e9dccb 55%, #cdb89d 100%)` - Fondale verde tonale: `radial-gradient(ellipse at 50% 40%, #e3f0e8 0%, #c5ddcf 55%, #97bba6 100%)` - Fondale corallo: `radial-gradient(ellipse at 50% 40%, #fbe2d6 0%, #f2c6b4 55%, #df9c83 100%)` - Faretto su antracite: `radial-gradient(ellipse at 50% 35%, #3a3f47 0%, #24272c 55%, #141619 100%)` - Parete e pavimento: `linear-gradient(180deg, #eceef1 0%, #eceef1 62%, #d6dae0 100%)` Sfondi per scontornati. I fondali radiali illuminano l’area dietro il prodotto; l’ultimo suggerisce una parete che incontra il pavimento. Tieni la luce dietro il prodotto, leggermente sopra il suo centro, come cadrebbe una luce vera. Mantieni l’escursione delicata: il prodotto deve essere l’elemento con più contrasto nell’inquadratura, non il bagliore dello sfondo. ## Ombre che appoggiano il prodotto Uno scontornato senza ombra fluttua. Due ombre lo risolvono. Un’**ombra di contatto** è una piccola linea scura e morbida proprio dove il prodotto tocca la superficie. Un’**ombra portata** è una forma più grande, più chiara e più morbida che si allontana dalla luce. La maggior parte dei prodotti ha bisogno di entrambe, ed entrambe devono seguire la stessa direzione della luce delle luci sul prodotto stesso. ```css .product-stage { position: relative; aspect-ratio: 1; background: radial-gradient(ellipse at 50% 40%, #f6efe6 0%, #e9dccb 55%, #cdb89d 100%); display: grid; place-items: center; } /* Soft contact shadow under the product. */ .product-stage::after { content: ""; position: absolute; left: 30%; right: 30%; bottom: 17%; height: 5%; background: radial-gradient(closest-side, rgb(40 28 16 / 0.35), transparent); filter: blur(6px); } .product-stage img { position: relative; z-index: 1; width: 62%; margin-bottom: 8%; } ``` Un palco per prodotti sul web: un fondale caldo, una morbida ombra di contatto ellittica e lo scontornato sopra. Adatta larghezza e posizione dell’ombra all’ingombro del prodotto. ### Da evitare - Scontornati senza ombra, sospesi nel vuoto - Un’ombra che cade da un lato e le luci dall’altro - Ombre nere e dure - Uno sfondo più luminoso o più saturo del prodotto ### Da fare - Una morbida ombra di contatto dove il prodotto incontra il piano - Luce e ombra da un’unica direzione coerente - Ombre tinte con il colore dello sfondo - Il prodotto come contrasto più forte nell’inquadratura ## Mantenere coerenti le foto prodotto in un catalogo Un catalogo si legge come una griglia. Quando ogni prodotto sta sullo stesso sfondo, con la stessa angolazione e la stessa scala, la griglia sembra calma e le persone confrontano i prodotti, non le foto. Quando ogni immagine è diversa, la pagina sembra un mercato di sconosciuti. 1. **Fissa lo sfondo** Un colore o un gradiente per le immagini principali, annotato con i suoi codici esatti. 2. **Fissa la luce** Una sola direzione e morbidezza, così ombre e luci corrispondono su ogni prodotto. 3. **Fissa l’angolazione** La stessa altezza e angolazione della fotocamera per prodotti simili: frontale, di tre quarti, dall’alto. 4. **Fissa l’inquadratura** Il prodotto occupa la stessa porzione dell’inquadratura, con lo stesso margine, centrato sulla stessa linea. 5. **Fissa le dimensioni** Esporta ogni immagine alla stessa dimensione per ogni canale, come 2048 per 2048 per un’immagine prodotto su Shopify. - Prodotto Shopify 2048×2048: 2048 × 2048 - Inserzione Etsy 2700×2025: 2700 × 2025 - Post Instagram 1080×1350: 1080 × 1350 - Pin Pinterest 1000×1500: 1000 × 1500 Un prodotto, quattro canali. Uno sfondo che si estende con facilità, come un gradiente, si può generare per ogni forma invece di essere stirato. Un post verticale di lancio che annuncia una nuova borraccia su uno sfondo con gradiente verde tenue Un post di lancio su uno sfondo ricavato dai colori del prodotto: la stessa famiglia delle immagini del negozio. In Gradiently puoi mettere una foto scontornata sopra qualsiasi Mark, tingere le foto con i colori del Mark e copiare un design finito in altri formati, così un’immagine di campagna, un pin e una storia condividono lo stesso sfondo. Per un prodotto dal colore forte, [Abbina un’immagine](https://gradiently.design/it/guide/match-a-picture) può trovare i Mark con una palette vicina alla sua. ## FAQ ### Qual è il colore di sfondo migliore per le foto prodotto? Uno che contrasti con il prodotto nella luminosità. Per il colore, scegli un tonale per uno stile calmo e premium, un complementare per l’energia o un neutro leggermente tinto per immagini di catalogo pulite. ### Le foto prodotto devono avere lo sfondo bianco? Alcuni marketplace richiedono il bianco per l’immagine principale. Altrove, un neutro leggermente tinto o un colore tonale spesso sembra più premium e più in linea con il brand. ### Come evito che un prodotto scontornato sembri fluttuare? Aggiungi una morbida ombra di contatto dove incontra la superficie e, se serve, un’ombra portata più chiara che segua la stessa direzione della luce delle luci sul prodotto. ### Come mantengo coerenti le foto prodotto? Usa lo stesso sfondo, la stessa direzione della luce, la stessa angolazione, la stessa inquadratura e la stessa dimensione di esportazione per ogni prodotto, e annota l’impostazione.